/*html元素初始化*/
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, span, i, ul, a, em, img, textarea, select {
    margin: 0;
    padding: 0;
}

* {
    padding: 0;
    margin: 0;
}

body, button, input, select, textarea {
    font-size: 12px;
    font-family: "Microsoft YaHei", Tahoma, "Simsun", sans-serif;
}

h1, h2, h3, h4, h5, h6, button, input, select, textarea {
    font-size: 100%;
}

body {
    background: #fff;
    position:relative;
    overflow-x: hidden;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: none;
}

ul, ol {
    list-style: none;
}

ul, li {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    outline: none;
}

a:hover {
    text-decoration: none;
}

/* Form */
label, input, select {
    vertical-align: middle;
}

input[type=submit], input[type=button], input[type=reset] {
    cursor: pointer;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], textarea {
    -webkit-appearance: none;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
}

*:focus {
    outline: none;
}

textarea, select {
    /*-webkit-appearance: none;*/
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
}

/* Clear float */
.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* Architecture Wide */
/*.container {*/
    /*width: 1120px;*/
    /*margin: 0 auto;*/
    /*overflow: hidden;*/
/*}*/

.container1 {
    width: 960px;
    margin: 0 auto;
}
.big-container{
    width: 1200px;
    margin: 0 auto;
}

i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.arrowT, .arrowR, .arrowB, .arrowL {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 0;
    height: 0;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nopointer {
    cursor: text;
}

.imgshadow {
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.shadetop {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#f5f5f5) !important; /*IE 6 7 8*/

    background: -ms-linear-gradient(top, #fff,  #f5f5f5) !important;        /* IE 10 */

    background:-moz-linear-gradient(top,#fff,#f5f5f5) !important;/*火狐*/

    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#f5f5f5)) !important;/*谷歌*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)) !important;      /* Safari 4-5, Chrome 1-9*/

    background: -webkit-linear-gradient(top, #fff, #f5f5f5) !important;   /*Safari5.1 Chrome 10+*/

    background: -o-linear-gradient(top, #fff, #f5f5f5) !important;  /*Opera 11.10+*/
}
.shadebottom {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f5f5f5,endColorStr=#fff) !important; /*IE 6 7 8*/

    background: -ms-linear-gradient(top, #f5f5f5,  #fff) !important;        /* IE 10 */

    background:-moz-linear-gradient(top,#f5f5f5,#ffff) !important;/*火狐*/

    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f5f5f5), to(#fff)) !important;/*谷歌*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff)) !important;      /* Safari 4-5, Chrome 1-9*/

    background: -webkit-linear-gradient(top, #f5f5f5, #fff) !important;   /*Safari5.1 Chrome 10+*/

    background: -o-linear-gradient(top, #f5f5f5, #fff) !important;  /*Opera 11.10+*/
}
.center {
    text-align: center;
    vertical-align: middle;
}

.color-red {
    color: red;
}



#lean_overlay {
    position: fixed;
    z-index:1111;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#mesmodal {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
}

.modalclose {
    cursor: pointer;
    position: absolute;
    right: -30px;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.modalclose:hover {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}

/*全局*/

/*导航栏*/
/*.header {*/
    /*width: 100%;*/
    /*height: 80px;*/
    /*background: #fff;*/
    /*position: relative;*/
    /*line-height: 80px;*/
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);*/
    /*-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);*/
    /*-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);*/
    /*z-index: 999;*/
/*}*/
/*.header.fix {*/
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
/*}*/
.logo {
    width: 30%;
    position: relative;
    line-height: 80%;
    vertical-align: middle;
}
.logo img {
    position: relative;
    display: inline-block;
    width: 235px;
    vertical-align: middle;
}
.logo .logo_0 {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-top: 40px;
}
.logo .logo_1 {
    position: relative;
    display: inline-block;
    width: 123px;
    vertical-align: middle;
}

.nav li a i {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    margin-left: 5px;
    position: relative;
    top: -3px;
    -webkit-transition: .2s ease-in;
    -moz-transition: -webkit-transform .2s ease-in;
    -o-transition: -webkit-transform .2s ease-in;
    transition: .2s ease-in;
}
.nav li:hover a i {
    border-top: 4px solid #2588d9;
    /*FILTER: progid: DXImageTransform . Microsoft . BasicImage(rotation = 2);*/
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%;
}
.nav .subnav {
    display: none;
    position: absolute;
    width: 180px;
    top: 70px;
    left: -45px;
    background: #fff;
    z-index: 999;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -2px 0 0 rgba(247,247,247,0.8), /*顶部阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -2px 0 0 rgba(247,247,247,0.8), /*顶部阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -2px 0 0 rgba(247,247,247,0.8), /*顶部阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
  //  overflow: hidden;
}
.nav .subnav div {
    border-bottom: 1px solid #ddd;
    width: 160px;
    height: 20px;
    display: block;
    position: relative;
    float: left;
    line-height: 26px;
    padding: 8px 0 15px 20px;
}
.nav .subnav div .subnav_ti{
    display: none;
    position: absolute;
    left: 181px;
    top: 0px;
    border-bottom: 0px;
    padding: 0;
}
.nav .subnav  .subnav2{
    background: white;

    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -2px 0 0 rgba(247,247,247,0.8), /*顶部阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -2px 0 0 rgba(247,247,247,0.8), /*顶部阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -2px 0 0 rgba(247,247,247,0.8), /*顶部阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
}
.nav li:hover .subnav a {
    color: #888;
}
.nav .subnav div:hover {
     background: #f7f7f7;
 }
.nav .subnav div .subnav_ti .subnav2:hover {
    background: #f7f7f7;
}
.nav .subnav a {
    width: 140px;
    font-size: 13px;
    display: block;
    color: #888;
    height: 20px !important;
    line-height: 26px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.nav .subnav a:hover
{
    color: #888 !important;
    background: #f7f7f7;
    transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    -o-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
}
.nav .subnav a:hover:after
{
    content: '＞';
    margin-left: 40px;
}
.nav .subnav .subnav2 a:hover:after
{
    content: '＞';
    margin-left: 20px;
}

.pointer {
    pointer-events: none;
}
/*导航结束*/


/*footer 页脚开始*/
.footer {
    background: #282a30;
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 110px;
}
.footer1 {
    position: relative;
    overflow: hidden;
    display: block;
}
.footer1 .links {
    width: 900px;
}
.footer1 .links li {
    float: left;
    padding-right: 20px;
    position: relative;
    margin-right: 33px;
}
.footer1 .links a {
    color: #a3a3a3;
    font-size: 13px;
    line-height: 22px;
}
.footer1 .links a:hover {
    color: white;
}
.footer1 .links .btit {
    margin-bottom: 10px;
}
.footer1 .links .btit a {
    color: white;
    font-size: 16px;
}
.footer1 .links .btit a:hover {
    color: #2588d9;
}
.footer1 .wechat {
    margin-right: 80px;
    text-align: center;
    font-size: 14px;
    color: #999;
}
.footer1 .wechat img {
    width: 140px;
}
.footer2 {
    width: 100%;
    color: #999;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
}
.footer3 {
    width: 100%;
    position: relative;
    color: #999;
    font-size: 12px;
    margin-top: 30px;
    line-height: 12px;
}
.footer3 a {
    color: #999;
    float: left;
    border-right: 1px solid #999;
    padding-right: 5px;
    margin-right: 6px;
    margin-bottom: 12px;
}
.footer3 a:hover {
    color: #2588d9;
}

.footer4 {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: 30px;
    margin-bottom: 10px;
}
.footer4 .bqsy a{
    color: #999;
}

.footer4 .copy {
    font-size: 12px;
    color: #999;
    position: relative;
    margin-top: 10px;
}
.footer4 .cert {
    margin-left: 30px;
    font-size: 13px;
    margin-top: 10px;
    position: relative;
}
.footer4 .cert a {
    color: #888;
    position: relative;
}
.footer4 .cert a:hover {
    color: #444;
}
.footer4 .cert .icp {
    background: url(../img/icons/icp.png) no-repeat center;
}
.footer4 .cert .zheng {
    background: url(../img/icons/zheng.png) no-repeat center;
}
.footer4 .cert .jhw {
    background: url(../img/icons/jhw.png) no-repeat center;
}
.footer4 .cert .icp,.footer4 .cert .zheng,.footer4 .cert .jhw {
    width: 25px;
    height: 27px;
    background-size: 27px;
    vertical-align: middle;
    margin-right: 6px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.footer4 .cert a:hover .icp, .footer4 .cert a:hover .zheng, .footer4 .cert a:hover .jhw {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: '';
}
/*footer end*/


.direct-word {
    font-size: 40px;
    color: #666;
    font-weight: 100;
    margin-bottom: 50px;
}
.direct-cont {
    font-size: 18px;
    color: #999;
    word-break: break-all;
    overflow: hidden;
    margin-top: 20px;
}




/*全局结束*/


/*首页开始*/
/*banner开始*/
.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.banner img {
    width: 100%;
    display: block;
}
.banner .swiper-container .swiper-button-prev {
    width: 56px;
    height: 100px;
    background-image: url(../img/icons/prev.png) !important;
    background-size: 56px 100px;
    left:0;
    margin-top: -60px;
}
.banner .swiper-container .swiper-button-next {
    width: 56px;
    height: 100px;
    background-image: url(../img/icons/next.png) !important;
    background-size: 56px 100px;
    right:0;
    margin-top: -60px;
}

.banner .swiper-pagination  .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-out;
    opacity: 1;
}
.banner .swiper-pagination  .swiper-pagination-bullet:hover {
    background-color: #3492de;
    opacity: 1;
}
.banner .swiper-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #3492de;
}
/*banner结束*/

/*search bar*/
.search {
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    display: block;
    position: relative;
    margin-top: -3px;
    z-index: 33;
}
.h_sea {color: #999;border-bottom: 1px solid #f7f7f7;overflow: hidden;padding-top: 12px;padding-left: 55px;font-size: 12px;}
.s_inp{width:230px;height:40px;background:url(../img/icons/search-bk.png) no-repeat;}
.inp01 {border:none;color: #999;display: block;float: left;height: 31px;line-height: 31px;width:162px;margin:2px 0 0 10px;padding-left:10px;background:none;}
.key {
    margin-top: 8px;
}
.key a {color: #999;padding: 0 20px 0 0;text-decoration:none;}
.key a:hover {color: #2588d9;}
.s_inp input {
    border:0px;background:none;
}
.s_inp input:focus {
    outline: none;background: none;
}
.s_ss {float: left;height: 41px;width: 42px;background:none;border:none;}

/*.tips {*/
    /*padding: 20px 0 20px 20px;*/
    /*position: relative;*/
    /*overflow: hidden;*/
/*}*/
/*.tips .tipitem {*/
    /*margin-right: 20px;*/
/*}*/
/*.tipimg img {*/
    /*width: 55px;*/
    /*margin-right: 20px;*/
/*}*/
/*.tipinfo .tit {*/
    /*color: #333333;*/
    /*font-size: 16px;*/
/*}*/
/*.tipinfo .tit:hover {*/
    /*color: #2588d9;*/
/*}*/
.tipinfo .tipwords {
    margin-top: 6px;
    width: 156px;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    word-break: break-all;
}
.tips .line {
    margin-right: 20px;
    margin-top: 6px;
}

/*search bar end*/

/*index - content begin*/
.content {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
}
.content2 {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.contit {
    text-align: center;
    position: relative;
    display: block;
}
/*.contit .btit {*/
    /*font-size: 30px;*/
    /*color: #333;*/
    /*font-weight: 500;*/
/*}*/
/*.contit .subtit {*/
    /*font-size: 16px;*/
    /*color: #999;*/
    /*margin-top: 10px;*/
    /*position: relative;*/
/*}*/
.content .detail {
    margin-top: 55px;
}
.contit .subtit_1 {
    font-size: 16px;
    color: #888;
    margin-top: 20px;
    position: relative;
}
/*防疫页面开始*/
.line_15{
	width: 100%;
	height: 15px;
}
.line_20{
    width: 100%;
    height: 20px;
}
.line_37{
	width: 100%;
	height: 37px;
}
.line_40{
	width: 100%;
	height: 40px;
}
.line_100{
    width: 100%;
    height: 100px;
}
.line_68{
	width: 100%;
	height: 68px;
}
.detail_virus{
	margin-top: 35px;
}
.detail_virus ul li{
	float: left;
	margin-right: 13px;
	position: relative;
}
.detail_virus ul li(4n) {
    margin-right: 0;
}
.detail_virus_tit{
	position: absolute;
	bottom: 0;
	height: 54px;
	line-height: 54px;
	text-align: center;
	font-size: 20px;
	width: 100%;
	color: white;
}
.virus_tit2{
	margin-top: 36px;
}
.virus_tit2_left{
	width: 595px;
	margin-top: 19px;
}
.virus_con2_left{
	position: relative;
}
.virus_con2_right{
	width: 484px;
}
.virus_con2_left p{
	position: absolute;
	height: 62px;
	font-size: 24px;
	color: white;
	margin-left: 7px;
	line-height: 62px;
	top: 0;
}
.virus_con2_left{
	margin-right: 10px;
}
.virus_con2_right .t1{
	color: #0070b9;
	font-size: 24px;
	font-weight: 600;
}
.virus_con2_right .t2{
	font-size: 20px;
	color: #333333;
}

.virus_tit2_right img{
	display: inline-block;
	margin-left: 12px;
}
.virus_tit3 ul li img{
	display: inline-block;
	margin-right: 20px;
	margin-top: 22px;
}
.virus_tit3 ul{
	display: inline-block;
}
.virus_tit3 .virus_tit3_ul{
	float:right;
}
.virus_tit3 .virus_tit3_ul li img{
	 margin-left: 12px;;
	 margin-right: 0;
}
.virus_jz_1{
	color: #0d87d6;
	font-size: 30px;
	text-align: center;
	font-weight: 600;
}
.virus_jz_2{
	color: #393939;
	font-size: 30px;
	text-align: center;
	font-weight: 600;
}
.virus_jz_3{
	color: #d82023;
	font-size: 30px;
	text-align: center;
}
.virus_jz_4{
	font-size: 24px;
	line-height: 44px;
	letter-spacing: -1px;
	color: #333333;
	margin-top: 20px;
	color: #333333;
}
.virus_from{
	margin-top: 40px;
}
.virus_name , .virus_phone {
	width: 360px;
	height: 50px;
	color: #333333;
	text-indent: 1rem;
	font-size: 16px;
	margin-right: 5px;
	background-color: #ffffff;
	border: solid 1px #d2d2d2;
}
.virus_input{
	width: 360px;
	height: 50px;
	margin-top: 1px;
	background-color: #0d87d6;
	color: white;
	border:0px;
	border-top: 1px solid white;
	border-bottom: 1px solid #0d87d6;
}

.virus_info ul li{
	float: left;
	margin-right: 20px;
	width: 200px;
}
.virus_info_title{
	color: #767676;
	font-size: 16px;
	height: 27px;
	line-height: 40px;
}
.virus_info_time{
	color: #767676;
	line-height: 30px;
		font-size: 12px;
}
.virus_info_con{
	color: #767676;
	font-size: 14px;
	line-height: 24px;
}
/*防疫页面结束*/
.detailimg {
    text-align: center;
    font-size: 0;
    margin: 0 auto;
}

.ywbg {
    background: url(../img/icons/yw-map.png) center no-repeat;
    width: 100%;
    height: 590px;
}

.ywmap {
    margin-right: 80px;
}
.ywmap img {
    width: 530px;
}
.ywicon {
    margin-right: 45px;
}
.ywicon img {
    width: 139px;
}
.ywinfo {
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}
.ywinfo .item {
    width: 210px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-right: 0px;
    padding: 5px;
}
.shuxian {
    width: 2px;
    height: 36px;
    border-left: 1px solid #ccc;
    margin: 10px 0 10px 70px;
}
.ywinfo .item a:hover .outyw1 {
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20),
    0 -3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20),
    0 -3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20),
    0 -3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
}
.ywinfo .item .outyw1 {
    position: relative;
    display: block;
    width: 210px;
    height: 195px;
    text-align: center;
    vertical-align: middle;
    margin-right: 40px;
    transition: 0.5s all ease-in-out;
}

.ywcircle {
    width: 210px;
    height: 195px;
    background: transparent;
    transition: 0.5s all ease-in-out;
}


.ywinfo .item .yw1 {
    background: url(../img/ywfw_1.jpg) center no-repeat;
     width: 210px;
    height: 180px;
    margin-top: 7px;
	  background-size:95% ;
}
.ywinfo .item .yw2 {
    background: url(../img/ywfw_2.jpg) center no-repeat;
    width: 210px;
    height: 180px;
    margin-top: 7px;
	  background-size:95% ;
}
.ywinfo .item .yw3 {
    background: url(../img/ywfw_3.jpg) center no-repeat;
    width: 210px;
    height: 180px;
    margin-top: 7px;
	  background-size:95% ;
}
.ywinfo .item .yw4 {
    background: url(../img/ywfw_4.jpg) center no-repeat;
   width: 210px;
    height: 180px;
    margin-top: 7px;
	  background-size:95% ;
}
.ywinfo .item .yw5 {
    background: url(../img/ywfw_5.jpg) center no-repeat;
    width: 210px;
    height: 180px;
    margin-top: 7px;
	  background-size:95% ;
}
.ywinfo .item .tit {
    font-size: 16px;
    color: #2588d9;
    position:absolute;
    top: 127px;
    font-weight: 500;
    left: 59px;
    transition: 0.5s all ease-in-out;
}
.ywinfo .item a:hover .tit {
    color: #2588d9;
}
.ywinfo .item .horizonline {
    margin-top: 10px;
}
.ywinfo .item .words {
    overflow: hidden;
    word-break: break-all;
    color: #999999;
    font-size: 14px;
    position:absolute;
    top: 151px;
    left: 79px;
}
.conbottom {
    margin: 0px auto;
    margin-top: 70px;
    text-align: center;
    position: relative;
    width: 190px;
    height: 50px;
}
.conbottom .conbtn {
    border: 1px solid #999;
    color: #666;
    font-size: 16px;
    padding: 14px 62px;
}
.conbottom .conbtn:before {
    content: "";position: absolute;top: -15px;left: 0px;height: 100%;width: 0px;z-index: -1;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;
}
.conbottom .conbtn:hover:before{
    width: 100%;background-color: #2588d9;
}
.conbottom .conbtn:hover {
    border: 1px solid #2588d9;
    color: #fff;
}

/*案例*/
.casebg {
    background: url(../img/default/case-bg.jpg) center no-repeat;
    background-size: 100% 900px;
    position: relative;
}
.connav {
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}
.connav a:hover {
    background:#2588d9;
    color: #fff;
}
.connav a.on {
    background:#2588d9;
    color: #fff;
}
.connav a {
    position: relative;
    font-size: 15px;
    color: #666;
    padding: 5px 24px;
}

.connav h3 {
    position: relative;
    font-size: 15px;
    display: inline-block;
    cursor:pointer;
    font-weight: 500;
}
.caselist li {
    float: left;
    width: 270px;
    height: 270px;
    background: #fff;
    margin-right: 10px;
    margin-bottom: 20px;
    transition: all .3s linear;
    font-size: 0;
    cursor: pointer;
    position: relative;
}
.caselist li:hover img{
    border-bottom: 5px solid #2588d9;
}
.caselist li:hover {
    box-shadow: 0 12px 18px rgba(0, 0, 0, 0.3);
    top: -5px;
}
.casimg {
    height: 190px;
    background: #fff;
    position: relative;
    text-align: center;
}
.caselist li .n {display: none;}
.caselist li .n img {
    width: 37px !important;
    height: 37px !important;
    border: none;
    margin-top: 76px;
    transform: translateZ(0px);
    transition: transform 0.5s ease 0s;
}

.caselist li a:hover .n img{
    transform: scale(0.9, 0.9);
    transition: transform 0.5s ease 0s;
}
.caselist li:hover .n {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    display: block;
    position: absolute;
    top:0;
    text-align: center;
    width: 270px;
    height: 190px;
    z-index: 11;
}
.caseimg img {
    width: 271px;
    height: 190px;
    border-bottom: 5px solid #e3e3e3;
}
.casedesc {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.casedesc .casetit{
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 15px;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.casedesc .casetime{
    font-size: 12px;
    margin-top: 10px;
}
.casedesc .casetit a{
    color: #555;
}
.casedesc .casetime a{
    color: #999;
}

.detail .desc {
    text-align: center;
    font-size: 16px;
    color: #888;
}
.detail .desc div{
    position: relative;
    margin-bottom: 15px;
}
.detail .aboutimg {
    position: relative;
    margin-top: 40px;
}
.detail .aboutimg img {
    width: 1120px;
}
.aboutbluebg {
    width: 100%;
    height: 220px;
    background: #2588d9;
    margin-top: -200px;
    z-index: -66;
}

.advlist {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
    font-size: 0;
    margin-bottom: 100px;
}
.advlist li {
    display: inline-block;
    position: relative;
    width: 195px;
    height: 487px;
}
.advlist li:hover {
    cursor: pointer;
}
.advimg  img {
    width: 195px;
}
.advtips {
    position: relative;
    margin-top: 40px;
    text-align: center;
}
.advtips div {
    position: relative;
    margin-bottom: 10px;
}
.advtips .line {

}

.advtips .tit {
    font-size: 18px;
    color: #666;
}
.advtips .num {
    font-size: 14px;
    color: #aaa;
}
.advlist .even {
    margin-top: 20px;
}
.advlist .mask {
    width: 195px;
    height: 487px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(0,0,0, 0.78);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    top:0;
    left: 0;
}

.advlist li:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.advlist .mask .cell {
    border: 1px solid #ccc;
    width: 175px;
    height: 467px;
    margin: 10px;
}
.advlist .mask .cell .leaf{
    margin-top: 25px;
    margin-left: 6px;
}
.advlist .mask .cell .dewords {
    margin-top: 20px;
    font-size: 12px;
    color: #fff;
    width: 135px;
    word-break: break-all;
    margin-left: 8px;
    line-height: 22px;
}
.advlist .mask .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 195px;
    height: 140px;
    background: #fff;
    text-align: center;
}
.advlist .mask .bottom .cell {
    width: 175px;
    height: 140px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: -10px;
}
.advlist .mask .bottom .cell .tit {
    color: #ddd;
    font-size: 60px;
    padding-top: 30px;
}
.advlist .mask .bottom .cell .zhtit {
    color: #333;
    font-size: 18px;
    margin-top: -45px;
    z-index: 30;
}
.advlist .mask .bottom .cell .zhdesc {
    color: #999;
    font-size: 12px;
    margin-top: 8px;
}

.advlist .mask2 {
    width: 195px;
    height: 487px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(0,0,0, 0.78);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    top: 15px;
    left: 0;
}

.advlist li:hover .mask2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.advlist .mask2 .cell {
    border: 1px solid #ccc;
    width: 175px;
    height: 467px;
    margin: 10px;
}
.advlist .mask2 .cell .leaf{
    margin-top: 25px;
    margin-left: 6px;
}
.advlist .mask2 .cell .dewords {
    margin-top: 20px;
    font-size: 12px;
    color: #fff;
    width: 135px;
    word-break: break-all;
    margin-left: 8px;
    line-height: 22px;
}
.advlist .mask2 .top {
    position: absolute;
    top: 0;
    left: 0;
    width: 195px;
    height: 140px;
    background: #fff;
    text-align: center;
}
.advlist .mask2 .top .cell {
    width: 175px;
    height: 140px;
    border-left: 1px solid #ccc;
    border-bottom: none;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-left: 10px;
}
.advlist .mask2 .top .cell .tit {
    color: #ddd;
    font-size: 60px;
    padding-top: 10px;
}
.advlist .mask2 .top .cell .zhtit {
    color: #333;
    font-size: 18px;
    z-index: 30;
    margin-top: -45px;
}
.advlist .mask2 .top .cell .zhdesc {
    color: #999;
    font-size: 12px;
    margin-top: 8px;
}

/*首页公司新闻动态*/
.index-news {
    margin-top: 40px;
    border-top: 1px solid #ececed;
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #ececed;
    position: relative;
    overflow: hidden;
}
.combox {
    width: 520px;
    margin-right: 40px;
}
.dynamic-news, .dynamic-topic {
    text-align: left;
}
.dynamic-title1 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}
.dynamic-title1 .dynamic-atit {
    color: #fff;
    background: #2588d9;
    padding: 6px 12px;
    font-weight: 500;
}
.news-list {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
.news-item {
    display: table-row;
    width: 100%;
    margin: 0 10px;
}
.decoration {
    display: table-cell;
    width: 10%;
    position: relative;
    vertical-align: middle;
    text-align: center;
}
.news-circle {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: #fff;
    vertical-align: middle;
}
.solid-circle {
    background: #ccc;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    overflow: hidden;
    margin: 5px;
}
.decoration:before,
.decoration:after {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    background: #ccc;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}
.news-box {
    display: table-cell;
    line-height: 30px;
    width: 70%;
    vertical-align: middle;
    color: #000;
    padding-left: 15px;
    position: relative;
    border-radius: 2px;
    height: 70px;
}
.news-item:nth-child(1) .decoration:before {
    display: none;
}

.news-item:nth-last-child(1) .decoration:after {
    display: none;
}
.decoration:before {
    top: 0;
}

.decoration:after {
    bottom: 0;
}

.news-item:hover .news-box {
    background-color: #2588d9;
    color: #fff;
}

.news-item:hover .news-box:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #2588d9;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.news-item:hover .solid-circle {
    background: #2588d9;
}

.news-item .news-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 500;
    color: #666;
    font-size: 14px;
    text-overflow: ellipsis;
}

.news-item:hover .news-title {
    color: #fff;
}

.news-item:hover .news-time {
    color: #fff;
}

.news-time {
    color: #999999;
    font-size: 12px;
    line-height: 24px;
}
.topic-wrap {
    position: relative;
}
.topic-item {
    width: 240px;
    height: 180px;
    margin-right: 16px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}
.topic-img img {
    width: 240px;
    height: 180px;
    border: none;
    transform: translateZ(0px);
    transition: transform 1s ease 0s;
    display: block;
}
.topic-item .item {
    position: relative;

}
.topic-item:hover {
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
}
.topic-item:hover img{
    transform: scale(1.1, 1.1);
    transition: transform 1s ease 0s;
}
.topic-item:hover .topic-mask {
    background: rgba(255, 255, 255, 1);
    color: #333;
}
.topic-mask {
    width: 240px;
    height: 42px;
    position: absolute;
    font-weight: 500;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.66);
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    color: #666;
}


.honorbg {
    background: url(../img/default/honor-bg.png) center no-repeat;
    background-size: 100% 450px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}
.honorscroll {
    position: relative;
    overflow: hidden;
    width: 998px;
    margin: 0 auto;
}
.honorscroll .swiper-slide {
    width: 316px;
    height: 220px;
    overflow: hidden;
}
.honorscroll .swiper-slide img {
    width: 316px;
    height: 220px;
    transform: translateZ(0px);
    transition: transform 1s ease 0s;
}
.honorscroll .swiper-slide:hover img{
    transform: scale(1.1, 1.1);
    transition: transform 1s ease 0s;
}
.honor-button-prev {
    background: url(../img/icons/honorprev.png) center no-repeat;
    background-size: 37px 37px;
    position: relative;
    width: 37px;
    height: 37px;
    margin-top: 95px;
    margin-right: 26px;
}
.honor-button-prev:hover {
    background: url(../img/icons/honorprev-c.png) center no-repeat;
}
.honor-button-next {
    background: url(../img/icons/honornext.png) center no-repeat;
    background-size: 37px 37px;
    position: relative;
    width: 37px;
    height: 37px;
    margin-top: 95px;
}
.honor-button-next:hover {
    background: url(../img/icons/honornext-c.png) center no-repeat;
}


.newsbg {
    background: url(../img/default/news-bg.png) center no-repeat;
    background-size: 100% 830px;
    position: relative;
}
.newslist {
    width: 520px;
    position: relative;
    overflow: hidden;
    float: left;
    display: block;
}
.newslist li{
    float: left;
    width: 255px;
    height: 180px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.newslist li:nth-child(2), .newslist li:nth-child(4) {
    margin-left: 10px;
}
.newsimgcell {
    width: 255px;
    height: 180px;
    position: relative;
    overflow: hidden;
}
.newsimgcell img {
    width: 255px;
    height: 180px;
    transform: translateZ(0px);
    transition: transform 0.5s ease 0s;
}

.newslist li:hover a:hover .newsimgcell img {
    transform: scale(1.1, 1.1);
    transition: transform 0.5s ease 0s;
}

.newslist a .n img {
    height: 37px !important;
    width: 37px !important;
    border: none;
    margin-top: 76px;
    transform: translateZ(0px);
    transition: transform 0.5s ease 0s;
}

.newslist li:hover a:hover .n img{
    transform: scale(0.9, 0.9);
    transition: transform 0.5s ease 0s;
}
.newslist li .n {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    bottom:0;
    text-align: center;
    width: 255px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: white;
    z-index: 11;
}

.newslist li .n p {
    width: 245px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
.newslist li .n h4 {
    width: 245px;
    white-space: nowrap;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
.newslist li:hover .n {
    background: #2588d9;
    color: #fff;
}
.newsinfo {
    position: relative;
    margin-left: 25px;
    width: 248px;
    overflow: hidden;
}
.newsinfo .newst {
    border-bottom: 1px dotted #c8c9c9;
}
.newsinfo .newst div {
    position: relative;
    margin-top: 10px;
}
.newslist li:hover .newstit {
    color: #2588d9;
}
.newsinfo .newst .newstit {
    font-size: 18px;
    color: #555;
}
.newsinfo  .newstime {
    font-size: 13px;
    color: #999;
    margin-bottom: 20px;
}
.newsinfo  .newsdesc {
    width: 222px;
    overflow: hidden;
    position: relative;
    word-break: break-all;
    font-size: 13px;
    color: #999;
    line-height: 22px;
    margin-top: 25px;
}
.newstxt {
    margin-left: 80px;
    position: relative;
    display: block;
    float: left;
    width: 520px;
    word-break: break-all;
}
.newstxt li {
    border-bottom:  1px solid #d3d3d3;
    position: relative;
    overflow: hidden;
    height: 80px;
    margin-bottom: 15px;
}
.newstxt li:hover {
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    border: none;
}
.newstxt li a:hover .txtdot, .newstxt li a:hover .txtit {
    color: #2588d9;
}
.newstxt .txtdot {
    margin-left: 6px;
    width:16px;
    height:16px;
    display: inline-block;
    font-size:44px;
    line-height:16px;
    text-align:center;
    color:#666;
    text-decoration:none;
    margin-top: 10px;
}
.newstxt .txtit {
    font-size: 16px;
    font-weight: 500;
    color: #666;
    margin-left: 8px;
    margin-top: 10px;
    width: 310px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newstxt .txtime {
    font-size: 14px;
    color: #999;
    margin-top: 10px;
    margin-right: 16px;
}
.newstxt .txtcon {
    font-size: 14px;
    color: #999;
    width: 366px;
    margin-left: 30px;
    line-height: 20px;
}

.newstxt .txtarrow {
    margin-top: 16px;
    margin-right: 16px;
}







.servicescroll {
    position: relative;
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
}
.servicegallay {
    margin-top: 40px;
}

.servicescroll .swiper-slide {
    width: 173px;
    height: 120px;
    overflow: hidden;
}
.servicescroll .swiper-slide img {
    width: 173px;
    height: 120px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.servicescroll .swiper-slide:hover img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: '';
}

.service-button-prev {
    background: url(../img/icons/honorprev.png) center no-repeat;
    background-size: 37px 37px;
    position: relative;
    width: 37px;
    height: 37px;
    margin-top: 40px;
    margin-right: 26px;
}
.service-button-prev:hover {
    background: url(../img/icons/honorprev-c.png) center no-repeat;
}
.service-button-next{
    background: url(../img/icons/honornext.png) center no-repeat;
    background-size: 37px 37px;
    position: relative;
    width: 37px;
    height: 37px;
    margin-top: 40px;
}
.service-button-next:hover {
    background: url(../img/icons/honornext-c.png) center no-repeat;
}
/*index-content end*/

/*----------------------------left 表格浮动--------------------------------*/
.leftfixed {
    height: 130px;
    position: fixed;
    left: 13px;
    width: 123px;
    padding-bottom: 23px;
    background: #fff;
    z-index: 666;
    /* top: 250px; */
    top: 339px;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/ 2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/ 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/ 2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/ 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/ 2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/ 0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.left-imgtop {
    position: fixed;
    left: 5px;
    width: 140px;
    z-index: 666;
    top:250px;
}
.leftformtit {
    background: #2588d9;
    width: 100%;
    color: #fff;
    font-size: 18px;
    padding: 20px 0;
    text-align: center;
}
.leftforminpt {
    margin-top: 10px;
    margin-left: 8px;
}
.leftforminpt div{
    position: absolute;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    left: 15px;
}
.leftforminpt input {
    border: 1px solid #bbb;
    width: 103px;
    text-indent: 42px;
    font-size: 14px;
    color: #666;
    padding: 3px 0;
}
.leftbtn {
    margin-left: 10px;
    margin-top: 10px;
}
.leftbtn button:hover{
    background: #007aff;
}
.leftbtn button {
    border-radius: 10px;
    background: #2588d9;
    border: none;
    outline: none;
    color: #fff;
    width: 102px;
    font-size: 17px;
    padding: 2px 0;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    cursor: pointer;
}
.leftformselect {
    margin-left: 8px;
    margin-top: 10px;
}
.leftformselect select{
    width: 103px;
    color: #666;
    line-height: 26px;
    font-size: 14px;
}
/*----------------------------left 表格浮动end-----------------------------*/

/*-----------------------------right右侧浮动--------------------------------*/
.rightfixed {
    position: fixed;
    width: 185px;
    background: #fff;
    z-index: 666;
    top:250px;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    right: -140px;
    transition: all 0.5s;
}
.rightfixed:hover {
    right: 5px;
}
.rightfixed .r-item{
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    height: 48px;
    width: 100%;
}
.rightfixed .r-item:hover{
    background: #2588d9;
    color: #fff;
}
.rightfixed .r-item:hover .r-mes {
    background: url(../img/icons/icon-mes-sel.png) center no-repeat;
}
.r-mes {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-mes.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-tel {
    background: url(../img/icons/icon-tel-sel.png) center no-repeat;
}
.r-tel {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-tel.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-service {
    background: url(../img/icons/icon-service-sel.png) center no-repeat;
}
.r-service {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-service.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-wechat {
    background: url(../img/icons/icon-wechat-sel.png) center no-repeat;
}
.r-wechat {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-wechat.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-share {
    background: url(../img/icons/icon-share-sel.png) center no-repeat;
}
.r-share {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-share.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-top {
    background: url(../img/icons/icon-top-sel.png) center no-repeat;
}
.r-top {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-top.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item a.r-a{
    width: 100%;
    line-height: 48px;
    display: inline-block;
    font-size: 14px;
    color: #9a9a9a;
    text-align: left;
}
.rightfixed .r-item a:hover{
    color: #fff;
}
.rightfixed .jiathis_style_32x32{
    margin-left: 4px;
    float: left;
}
.rightfixed .jiathis_style_32x32 span{

}
.jiathis_style a {
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}
.jiathis_style .jtico_tsina {
    background: url(../img/icons/icon-sina-share.png) no-repeat center !important;
    background-size: 16px !important;
}
.jiathis_style .jtico_weixin {
    background: url(../img/icons/icon-wechat-share.png) no-repeat center !important;
    background-size: 16px !important;
}
.jiathis_style .jtico_qzone {
    background: url(../img/icons/icon-qq-share.png) no-repeat center !important;
    background-size: 16px !important;
}
.rightfixed .r-item:hover .jiathis_style .jtico_tsina {
    background: url(../img/icons/icon-sina-share-sel.png) no-repeat center !important;
}
.rightfixed .r-item:hover .jiathis_style .jtico_weixin {
    background: url(../img/icons/icon-wechat-share-sel.png) no-repeat center !important;
}
.rightfixed .r-item:hover .jiathis_style .jtico_qzone {
    background: url(../img/icons/icon-qq-share-sel.png) no-repeat center !important;
}
.jiathis_style >.jiadiv_01{
    display: none;
}

/*留言模态*/
#mesform {
    width: 550px;
    height: 480px;
    background: #fff;
}
.lfnav {
    width: 50px;
    background: #f3f3f3;
    box-shadow: 2px 0 12px 0 rgba(0, 0, 0, 0.35);/*右边阴影*/
    -webkit-box-shadow: 2px 0 12px 0 rgba(0, 0, 0, 0.35);/*右边阴影*/
    -moz-box-shadow: 2px 0 12px 0 rgba(0, 0, 0, 0.35);/*右边阴影*/
    -o-box-shadow: 2px 0 12px 0 rgba(0, 0, 0, 0.35);/*右边阴影*/
    height: 480px;
    position: relative;
    overflow: hidden;
}
.lfnav .navtit {
    font-size: 15px;
    color: #555;
    width: 50px;
    text-align: center;
    line-height: 20px;
    height: 240px;
    cursor: pointer;
}
.lfnav .navtit.on {
    color: #2588d9;
    border-left: 3px solid #2588d9;
    background: #fff;
}
.lfnav .navtit p{
    height: 80px;
    width: 20px;
    display: block;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    padding-top: 80px;
}
.rtcontent {
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 500px;
}
.rtit {
    font-size: 24px;
    color: #555;
    font-weight: bold;
    margin-top: 40px;
}
.rtips {
    margin-top: 15px;
    font-size: 12px;
    color: #555;
    margin-bottom: 20px;
}
.rtips span {
    color: #2588d9;
}
.rtinpt {
    margin-left: 50px;
    font-size: 15px;
    margin-bottom: 20px;
    display: block;
    height: 40px;
    line-height: 50px;
}
.rtinpt .rtlabel {
    color: #555;
}
.rtinpt div{
    margin-right: 12px;
}
.rtinpt .sn {
    color: #2588d9;
}
.rtinpt input {
    border: 1px solid #ddd;
    text-indent: 20px;
    padding: 10px 0;
    width: 300px;
}
.rtinpt select {
    border: 1px solid #ddd;
    text-indent: 20px;
    padding: 10px 0;
    width: 94px;
    margin-right: 10px;
}
.rtinfo {
    font-size: 12px;
    color: #2588d9;
}
.rtbtn {
    line-height: 100px;
}
.rtbtn button{
    border: none;
    outline: none;
    background: #2588d9;
    padding: 10px 0;
    width: 395px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.rtinpt .m2 {
    position: absolute;
    right: 66px;
}




/*-----------------------------right右侧浮动end--------------------------------*/





/*首页结束*/

/*检测治理页面*/
.detection1{
    background: #2588d9;
    display: block;
    position: relative;
    margin-top: -56px;
    z-index: 33;
}
.deitem {
    width: 223px;
    height: 190px;
    position: relative;
    display: block;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.deitem:hover, .deitem.on {
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.deline {
    margin-top: 40px;
}
.deicon {
    margin-top: 20px;
}
.deitem:hover .detit,.deitem.on .detit {
    color: #2588d9;
}
.detit {
    margin-top: 24px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}
.destit {
    margin-top: 12px;
    font-size: 12px;
    color: #9cd3ff;
}
.deitem:hover .detest, .deitem.on .detest {
    background: url(../img/icons/icon-de-test-sel.png) center no-repeat;
}
.deitem:hover .deindoor, .deitem.on .deindoor {
    background: url(../img/icons/icon-de-indoor-sel.png) center no-repeat;
}
.deitem:hover .decar, .deitem.on .decar {
    background: url(../img/icons/icon-de-car-sel.png) center no-repeat;
}
.deitem:hover .rent, .deitem.on .rent {
    background: url(../img/icons/icon-de-rent2.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.deitem:hover .virues, .deitem.on .virues {
    background: url(../img/icons/icon_xd2.png) center no-repeat;
    background-size: 55px;
    width: 65px;
    height: 65px;
}
.detest {
    background: url(../img/icons/icon-de-test.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.virues  {
    background: url(../img/icons/icon_xd.png) center no-repeat;
    background-size: 55px;
    width: 65px;
    height: 65px;
}
.deindoor {
    background: url(../img/icons/icon-de-indoor.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.decar {
    background: url(../img/icons/icon-de-car.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.rent{
    background: url(../img/icons/icon-de-rent.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}

.deitem .icon_goods_1 {
    background: url(../img/icons/icon_goods_dc_1.png) center no-repeat;
    background-size: 55px;
    width: 55px;
    height: 63px;
}
.deitem .icon_goodsh_1 {
    background: url(../img/icons/icon_goods_1.png) center no-repeat;
    background-size: 55px;
    width: 55px;
    height: 63px;
}
.icon_goods_2 {
    background: url(../img/icons/icon_goods_2.png) center no-repeat;
    background-size: 62px;
    width: 62px;
    height: 62px;
}
.icon_goodsh_2 {
    background: url(../img/icons/icon_goods_dc_2.png) center no-repeat;
    background-size: 62px;
    width: 62px;
    height: 62px;
}
.icon_goods_3 {
    background: url(../img/icons/icon_goods_dc_3.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.icon_goodse_3 {
    background: url(../img/icons/icon_goods_3.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.icon_goods_4 {
    background: url(../img/icons/icon_goods_dc_4.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.icon_goodse_4 {
    background: url(../img/icons/icon_goods_4.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.icon_goods_5 {
    background: url(../img/icons/icon_goods_dc_5.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.icon_goodse_5 {
    background: url(../img/icons/icon_goods_5.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.deitem:hover .icon_goods_1 {
    background: url(../img/icons/icon_goods_1.png) center no-repeat;
}

.deitem:hover .icon_goodsh_2 {
    background: url(../img/icons/icon_goods_2.png) center no-repeat;
}
.deitem:hover .icon_goods_3 {
    background: url(../img/icons/icon_goods_3.png) center no-repeat;
}
.deitem:hover .icon_goods_4 {
    background: url(../img/icons/icon_goods_4.png) center no-repeat;
}
.deitem:hover .icon_goods_5 {
    background: url(../img/icons/icon_goods_5.png) center no-repeat;
}
.goods_list li{
    float: left;
    width: 261px;
    height: 340px;
    background: #f2f2f2;
    margin-right: 25px;
    margin-top: 30px;
}
.goods_list li:nth-child(4){
    margin-right: 0px;
}
.goods_list li:nth-child(8){
    margin-right: 0px;
}
.goods_list_img{
    width: 100%;
    text-align: center;
    margin-top: 30px;
    min-height: 213px;
}
.goods_list_img img{
    max-width:80% ;
    height: 213px;
}
.goods_list_title{
    height: 50px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    color: #000000;
    font-size: 18px;
}
.goods_blue{
    width: 35px;
    height: 2px;
    background:#8d8d8d;
    margin: 0 auto;
}
.goods_list li:hover .goods_blue{
    background: #2588d9;
}

.decell {
    width: 276px;
    height: 364px;
    position: relative;
    display: block;
    margin-right: 6px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.decell:hover {
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.decell:nth-child(4)
{
    margin-right: 0;
}
.decimg {
    width: 100%;
}
.aboutimg .decimg img {
    width: 276px;
    height: 268px;
}
.decell:hover .dectit {
    color: #333;
    border-bottom: 2px solid #2588d9;
}
.dectit {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 500;
    margin-left: 15px;
    padding-bottom: 8px;
    width: 40px;
}
.decell:hover .decstit {
    color: #888;
}
.decstit {
    margin-top: 5px;
    font-size: 15px;
    color: #9ed3ff;
    margin-left: 15px;
}
.detectwrap {
    height: 620px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    background: #f9f9f9;
    position: relative;
    display: block;
    padding-top: 70px;
}
.detectinfo {
    margin-left: 70px;
    width: 488px;
    position: relative;
    display: block;
    word-break: break-all;
    overflow: hidden;
    color: #888;
    font-size: 18px;
    line-height: 36px;
}
.detectinfo i {
    color: #2588d9;
    font-size: 44px;
}
.de-equipment {
    margin-bottom: 60px;
    margin-right: 22px;
    font-size: 16px;
    color: #666;
}
.de-equipment h3{
    font-weight: 500;
}
.de-equipment:nth-child(3) {
    margin-right: 0;
}
.de-equipment:hover .deqpimg {
    border: none;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.de-equipment .deqpimg {
    border: 1px solid #ccc;
    width: 356px;
    height: 252px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.de-equipment .deqpimg img {
    margin-top: 25px;
    width: 306px;
    height: 194px;
}

.airservicebg {
    background: url(../img/default/airservice-bg.png) center no-repeat;
    background-size: 100% 620px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    height: 480px;
}

.de-processlist {
    position: relative;
}
.de-processlist li {
    display: inline-block;
    margin-right: 35px;
}
.de-processlist li:nth-child(5) {
    margin-right: 0;
}
.de-processlist .de-process1,.de-processlist .de-process2,.de-processlist .de-process3,.de-processlist .de-process4,.de-processlist .de-process5,.de-processlist .de-process6 {
    background-size: 192px 218px;
    width: 192px;
    height: 218px;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.de-processlist li:hover .de-process1 {
    background: url(../img/default/icon_process_1.png) center no-repeat;
}
.de-processlist li:hover .de-process2 {
    background: url(../img/default/icon_process_2.png) center no-repeat;
}
.de-processlist li:hover .de-process3 {
    background: url(../img/default/icon_process_3.png) center no-repeat;
}
.de-processlist li:hover .de-process4 {
    background: url(../img/default/icon_process_4.png) center no-repeat;
}
.de-processlist li:hover .de-process5 {
    background: url(../img/default/icon_process_5.png) center no-repeat;
}
.de-processlist .de-process1 {
    background: url(../img/default/icon_process_de_1.png) center no-repeat;
}
.de-processlist .de-process2 {
    background: url(../img/default/icon_process_de_2.png) center no-repeat;
}
.de-processlist .de-process3 {
    background: url(../img/default/icon_process_de_3.png) center no-repeat;
}
.de-processlist .de-process4 {
    background: url(../img/default/icon_process_de_4.png) center no-repeat;
}
.de-processlist .de-process5 {
    background: url(../img/default/icon_process_de_5.png) center no-repeat;
}

.de-assets {
    width: 1120px;
    position: relative;
    display: block;
    height: 380px;
    background: #2588d9;
    margin: 0 auto;
    /*margin-top: -90px;*/
}

.deasset-item {
    width: 462px;
}
.deasset-itemtit {
    margin-top: 50px;
    font-size: 30px;
    color: #fff;
    margin-left: 50px;
}
.deasset-itemline {
    margin-left: 50px;
    margin-top: 6px;
}
.deasset-itemtips {
    width: 460px;
    word-break: break-all;
    overflow: hidden;
    position: relative;
    display: block;
}
.deasset-itemstit {
    font-size: 16px;
    color: #fff;
    margin-left: 50px;
    margin-top: 6px;
}
.deasset-itemtips {
    margin-top: 45px;
    color: #fff;
    margin-left: 50px;
    font-size: 14px;
    line-height: 24px;
}
.deasset-itembtn {
    margin-top: 40px;
}
.deasset-itembtn a {
    font-size: 16px;
    color: #fff;
    margin-left: 50px;
    text-align: center;
    border: 1px solid #fff;
    padding: 9px 37px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.deasset-itembtn a:hover {
    color: #2588d9;
    background: #fff;
    margin-left: 50px;
    border: 1px solid #2588d9;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.deasset-img {
    margin-right: 60px;
    position: relative;
    display: block;
    /*margin-top: -60px;*/
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    font-size: 0;
}

.indexform {
    margin-top: 55px;
}
.indexforminpt {
    margin-right: 132px;
    margin-bottom: 50px;
}
.indexforminpt input{
    border: none;
    border-bottom: 1px solid #c9c9c9;
    width: 490px;
    font-size: 16px;
    color: #919191;
    text-indent: 32px;
    padding: 12px 0;
}
.indexforminpt:nth-child(2),.indexforminpt:nth-child(4)
{
    margin-right: 0;
}
.form-user,.form-tel,.form-wechat,.form-cate,.form-mes {
    padding-top: 12px;
    background-size: 21px;
    width: 21px;
    height: 25px;
    position: absolute;
}
.form-user {
    background: url(../img/icons/icon-form-user.png) center no-repeat;
}
.form-tel {
    background: url(../img/icons/icon-form-tel.png) center no-repeat;
}
.form-wechat {
    background: url(../img/icons/icon-form-wechat.png) center no-repeat;
}
.form-cate {
    background: url(../img/icons/icon-form-cate.png) center no-repeat;
}
.form-mes {
    background: url(../img/icons/icon-form-mes.png) center no-repeat;
}
.formcatelists {
    position: relative;
    font-size: 16px;
    color: #919191;
    margin-top: -35px;
    margin-left: 100px;
}
.formcatelists a {
    font-size: 16px;
    color: #919191;
}
.formcatelists a.on {
    color: #2588d9;
}
.indexformtextarea {
    font-size: 16px;
    color: #919191;
}
.formtxtarealabe {
    margin-left: 30px;
    padding-top: 8px;
}
.indexformtextarea textarea {
    border: none;
    border-bottom: 1px solid #c9c9c9;
    outline: none;
    font-size: 16px;
    color: #919191;
    margin-top: 50px;
    width: 100%;
    padding: 5px;
    resize: none;
    overflow: hidden;
}
.indexformbtn {
    width: 100%;
    text-align: center;
}
.indexformbtn button {
    outline: none;
    background: #2588d9;
    border: 1px solid #2588d9;
    color: #fff;
    font-size: 20px;
    padding: 15px 74px;
    margin: 50px 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.indexformbtn button:hover {
    background: #fff;
    color: #2588d9;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
/*检测治理end*/

/*检测开始*/
.detestimg {
    text-align: center;
    margin-top: 40px;
    position: relative;
    display: block;
}
.detestimg img {
    width: 828px;
}
.decell2 {
    width: 276px;
    height: 364px;
    position: relative;
    display: block;
    margin-right: 6px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.decell2:hover {
    background: #2588d9;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.decell2:nth-child(4)
{
    margin-right: 0;
}
.decimg2 {
    width: 100%;
}
.aboutimg .decimg2 img {
    width: 276px;
    height: 268px;
}
.decell2:hover .dectit2 {
    color: #fff;
}
.dectit2 {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
    margin-left: 15px;
    padding-bottom: 8px;
}
.decell2:hover .decstit2 {
    color: #fff;
}
.decstit2 {
    margin-top: 5px;
    font-size: 14px;
    color: #888;
    margin-left: 15px;
}
.decell2:hover .decnum1,.decell2:hover .decnum2,.decell2:hover .decnum3,.decell2:hover .decnum4{
    background-size: 100px 43px;
    width: 100px;
    height: 43px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.decell2:hover .decnum1{
    background: url(../img/icons/de-num1.png) no-repeat center;
}
.decell2:hover .decnum2{
    background: url(../img/icons/de-num2.png) no-repeat center;
}
.decell2:hover .decnum3{
    background: url(../img/icons/de-num3.png) no-repeat center;
}
.decell2:hover .decnum4{
    background: url(../img/icons/de-num4.png) no-repeat center;
}

.de-gas-list li {
    width: 562px;
    height: 92px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.de-gas-list li:nth-child(4)
{
    margin-bottom: 0;
}
.de-gas-list li a .tit {
    font-size: 22px;
    color: #666;
    width: 80px;
    text-align: center;
    height: 40px;
    margin-top: 25px;
    border-right: 1px solid #ccc;
    line-height: 40px;
    font-weight: 500;
}
.de-gas-list li a .minicell {
    margin-left: 15px;
    line-height: 25px;
    margin-top: 20px;
}
.de-gas-list li a .minicell .stit, .de-gas-list li a .minicell .words {
    font-size: 12px;
    color: #888;
}
.de-gas-list li:hover {
    background: #2588d9;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.de-gas-list li:hover a .tit {
    border-right: 1px solid #fff;
}
.de-gas-list li:hover a .tit,.de-gas-list li:hover a .minicell .stit, .de-gas-list li:hover a .minicell .words
{
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.de-stand-tit {
    font-size: 24px;
    color: #333;
}
.de-stand-words {
    font-size: 15px;
    color: #888;
    line-height: 25px;
    margin-bottom: 30px;
}

.de-zysb {
    width: 100%;
    display: block;
    position: relative;
}
.de-zysb li{
    width: 338px;
    height: 313px;
    background: none;
    margin-right: 8px;
    padding: 15px;
    text-align: center;
    float: left;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.de-zysb li:nth-child(3)
{
    margin-right: 0;
}
.zysbline,.zysbimg,.zysbtit {
    margin-bottom: 12px;
}
.zysbtit {
    font-size: 18px;
    font-weight: 500;
    color: #666;
}
.de-zysb li:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}

.deindp li{
    width: 354px;
    height: 227px;
    float: left;
    position: relative;
    background: #f1f1f1;
    margin-right: 29px;
    margin-bottom: 40px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;

}
.deindp li:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #2588d9;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    top:-8px;
}
.deindp li:nth-child(3),.deindp li:nth-child(6) {
    margin-right: 0;
}
.iconservice,.iconhome,.icontruck,.iconbottle,.iconfile,.iconpenciel {
    background: url(../img/icons/icon-de-service.png) no-repeat center;
    background-size: 145px 100px;
    width: 145px;
    height: 100px;
}
.indoicon{
    text-align: center;
    margin-top: 30px;
}
.iconservice {
    background: url(../img/icons/icons_service_1.png) no-repeat center;
}
.iconhome {
    background: url(../img/icons/icons_service_2.png) no-repeat center;
}
.icontruck {
    background: url(../img/icons/icons_service_3.png) no-repeat center;
}
.iconbottle {
    background: url(../img/icons/icons_service_4.png) no-repeat center;
}
.iconfile {
    background: url(../img/icons/icons_service_5.png) no-repeat center;
}
.iconpenciel {
    background: url(../img/icons/icons_service_6.png) no-repeat center;
}
.deindp li:hover .iconservice {
    background: url(../img/icons/icons_service_de_1.png) no-repeat center;
}
.deindp li:hover .iconhome {
    background: url(../img/icons/icons_service_de_2.png) no-repeat center;
}
.deindp li:hover .icontruck {
    background: url(../img/icons/icons_service_de_3.png) no-repeat center;
}
.deindp li:hover .iconbottle {
    background: url(../img/icons/icons_service_de_4.png) no-repeat center;
}
.deindp li:hover .iconfile {
    background: url(../img/icons/icons_service_de_5.png) no-repeat center;
}
.deindp li:hover .iconpenciel {
    background: url(../img/icons/icons_service_de_6.png) no-repeat center;
}
.indpinfo {
    width: 354px;
    word-break: break-all;
    text-align: center;
    position: relative;
}
.indpinfo .tit{
    font-size: 22px;
    color: #333333;
    margin-top: 30px;
    font-weight: 500;
}

.goods_lun{
    width: 420px;
    min-height: 100px;
}
.goods_peizhi{
    margin-left: 50px;
    width: 648px;
}
.goods_peizhi_1{
    font-size: 28px;
    line-height: 22px;
    color: #333333;
    margin-bottom:20px ;
}
.goods_peizhi_2{
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 36px;
    color: #333333;
}
.goods_peizhi_2 span{
    color:#666666 ;
}
.goods_peizhi_3{
    margin-top: 10px;
    margin-bottom: 40px;
    width: 548px;
    background-color: #f9f9fa;
    border: solid 1px #d2d2d2;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #666666;
    padding: 30px 50px;
}
.goods_peizhi_4{
    width: 548px;
    margin-top: 20px;
    background-color: #f9f9fa;
    padding: 30px 50px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
}
.iconline {
    background: url(../img/icons/icon-de-greyline.png) no-repeat center;
    background-size: 46px 1px;
    width: 46px;
    height: 1px;
}
.deindp li:hover .iconline {
    background: url(../img/icons/icon-de-whiteline.png) no-repeat center;
}
.indpinfo .des {
    color: #999;
    font-size: 13px;
    margin-top: 10px;
    line-height: 22px;
}
.deindp li:hover .tit, .deindp li:hover .des{
    color: #fff;
}

.preparebg {
    background: url(../img/default/preparebg.png) no-repeat center;
    width: 100%;
    height: 666px;
}

.depreparelists li{
    color: #666;
    font-size: 14px;
    width: 100%;
    height: 55px;
    margin-bottom: 60px;
}
.preparetit {
    color: #2588d9;
    font-size: 30px;
    height: 55px;
    border-left: 1px solid #2588d9;
    width: 80px;
    text-align: center;
    line-height: 55px;
}
.preparecont {
    width: 342px;
    line-height: 20px;
    margin-top: 13px;
}


/*---------------------------------关于我们开始----------------------------*/
.ab-blue-box {
    width: 488px;
    height: 392px;
    position: relative;
    border: 2px solid #2588d9;
}
.ab-companypic {
    width: 510px;
    height:370px;
    position: relative;
    overflow: hidden;
    margin: 12px 0 0 -480px;
    background-repeat: no-repeat;
    background-size: cover;
}
.ab-companyinfo {
    position: relative;
    text-indent: 28px;
    font-size: 14px;
    color: #666;

    overflow: hidden;
    word-break: break-all;
    line-height: 30px;
}
.ab-companyinfo div{
    margin-bottom: 12px;
}

.brandinfo {
    position: relative;
    display: block;
    margin-top: 30px;
}
.brandinfo  li {
    border-top: 1px dashed #ececec;
    margin-bottom: 60px;
}
.bdinfo-head {
    margin-top: 60px;
    border-left: 2px solid #2588d9;
    padding-left: 15px;
}
.bdinfo-tit {
    font-size: 24px;
    color: #333;
}
.bdinfo-stit {
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}
.bdinfo-mid {
    margin-top: 40px;
    font-size: 14px;
    color: #666;
    text-indent: 28px;
    line-height: 30px;
}
.honoelightbox {
    margin-left: 98px;
    width: 500px;
    padding-top: 30px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.hlbtit {
    font-size: 24px;
    color: #333;
}
.hlbitem {
    margin-top: 36px;
}
.hlbeg {
    width: 242px;
    margin-right: 50px;
}
.hlbeg img {
    width: 242px;
    height: 169px;
}
.hlbge-tit {
    margin-top: 15px;
    width: 166px;
    height: 75px;
    overflow: hidden;
    word-break: break-all;
    font-size: 14px;
    color: #666;
    margin-left: 38px;
    line-height: 25px;
}
.hlblist {
    margin-top: 50px;
    position: relative;
    text-align: center;
}
.hlblist .hlbeg {
    margin-bottom: 20px;
}
.hlblist .hlbeg:nth-child(4n) {
    margin-right: 0;
}
.hlbreportlist {
    margin-top: 60px;
    position: relative;
    text-align: center;
}
.hlbreeg {
    width: 200px;
    margin-right: 28px;
    margin-bottom: 80px;
}

.hlbreportlist .hlbreeg {
    background-image: url(../img/icons/hb.png);
    background-repeat: no-repeat;
    height: 280px;
    background-size: 200px 280px;
}

.hlbreeg:nth-child(5n) {
    margin-right: 0;
}
.hlbreeg img {
    width: 164px;
    height: 232px;
    display: inline-block;
    margin-top: 19px;
}
.hlbreeg-tit {
    width: 120px;
    color: #696969;
    font-size: 14px;
    word-break: break-all;
    overflow: hidden;
    margin-left: 36px;
    margin-top: 30px;
    line-height: 24px;
}

.peoplelist li {
    border-bottom: 1px dashed #ececec;
    padding-bottom: 60px;
    padding-top: 60px;
}
.malitem {
    width: 460px;
    position: relative;
    display: block;
    overflow: hidden;
    word-break: break-all;
    text-align: left;
}
.maname {
    color: #333;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 15px;
}
.maposition {
    color: #555;
    font-size: 16px;
    margin-bottom: 15px;
}
.maline {
    margin-bottom: 56px;
}
.mapeo {
    margin-bottom: 36px;
    color: #555;
    font-size: 20px;
}
.mahonorli {
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
}
.maritem {
    width: 480px;
    position: relative;
    display: block;
    overflow: hidden;
    word-break: break-all;
    text-align: left;
}
.marmore {
    word-break: break-all;
    position: relative;
    display: block;
    overflow: hidden;
    width: 460px;
}
.maritem .mahonorli {
    line-height: 36px;
}

.hiscont {
    font-size: 16px;
    color: #777;
    word-break: break-all;
    overflow: hidden;
    line-height: 30px;
    padding-bottom: 60px;
    border-bottom: 1px dashed #ececec;
}
.hisitem {
    border-bottom: 1px dashed #ececec;
    position: relative;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #777;
    line-height: 28px;
}

.lrs .historys_left{
    float: left;
    width: 538px;
    min-height: 90px;
    background: url(../img/icons/hist_em.png) no-repeat top right;
    margin-left: 30px;
}
.lrs .historys_right{
    float: left;
    width: 538px;
    min-height: 90px;
}

.historys_left .historys_time{
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 29px;
    text-align: right;
    margin-right: 35px;
    letter-spacing: 0px;
    color: #333333;
}
.historys_left .historys_bt{
    margin-right: 35px;
    text-align: right;
    font-size: 16px;
}


.ls .historys_left{
    float: left;
    width: 538px;
    min-height: 90px;
}
.ls .historys_right{
    margin-left: 16px;
    float: left;
    width: 538px;
    min-height: 90px;
    background: url(../img/icons/hist_em.png) no-repeat top left;
}
.historys_right .historys_time{
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 29px;
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    margin-left: 50px;
}
.historys_right .historys_bt{
    margin-left: 50px;
    text-align: left;

    font-size: 16px;
    color: #333333;
}
.future{
    text-align: center;
    color: #333333;
    font-family: MicrosoftYaHei;
    font-size: 16px;
}

.histime {
    font-size: 20px;
    color: #666;
}
.histime,.hisarr,.hisinfo {
    margin-top: 25px;
    margin-bottom: 25px;
}
.hisarr {
    margin-left: 18px;
}
.hisarr .hisicon-arrow {
    background: url(../img/icons/history-arrow.png) no-repeat center;
    width: 33px;
    height: 14px;
}
.hisinfo {
    margin-left: 20px;
    width: 895px;
}
.honor_xian{
    height: 1px;
    width: 100%;
    background: #cccccc;
    margin-top: -24px;
}
.ryzz{
    width: 190px;
    cursor:pointer;
    height: 50px;
    background-color: #1d62b5;
    font-family: SourceHanSansCN-Regular;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    margin-left: 324px;
    color: #ffffff;
}
.zsbg{
    width: 190px;
    cursor:pointer;
    height: 50px;
    background-color: #e4e4e4;
    font-family: SourceHanSansCN-Regular;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0px;
    margin-right: 324px;
    color: #333333;
}
    /*---------------------------------关于我们结束--------------------------------*/


/*-------------------------------产品中心开始--------------------------------*/
.vcover {
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.vimg img{
    width: 100%;
    transition: all 1s ease;
}
.vcover:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 13px 0 rgba(0, 0, 0, 0.20),
    2px 0 13px 0 rgba(0, 0, 0, 0.20),
    0 3px 100px 0 rgba(0, 0, 0, 0.20);
}
.vimg:hover img{
    transform: scale(1.1);
}
.vicon-play {
    position: absolute;
    z-index: 55;
    left: 517px;
    top:226px;
}

.prolist {
    margin-top: 107px;
    position: relative;
    display: block;
    overflow: hidden;

}
.proitemlf {
    border: 1px solid #888;
    font-size: 0;
    display: block;
    overflow: hidden;
    background: url(../img/default/pro-mball.png) center no-repeat;
    width: 482px;
    height: 655px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.proitemlf:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow:-2px 0 15px 0 rgba(0, 0, 0, 0.08) inset,
    2px 0 15px 0 rgba(0, 0, 0, 0.08) inset,
    0 3px 20px 0 rgba(0, 0, 0, 0.08) inset;
}


.proitemrt {
    width: 636px;
    position: relative;
    overflow: hidden;
}

.proitemcell {
    text-align: center;
}
.proitemcell .tit{
    color: #333;
    font-size: 16px;
    margin-top: 260px;
    position: relative;
}
.proitemcell .stit{
    color: #888;
    font-size: 12px;
    margin-top: 10px;
    position: relative;
}
.proimg1,.proimg2,.proimg3,.proimg4,.proimg5,.proimg6,.proimg7{
    background: url(../img/default/proimg1.png) no-repeat 100px 40px;
    width: 317px;
    height: 327px;
    border: 1px solid #888;
    border-left: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.proimg1 {
    background: url(../img/default/proimg1.png) no-repeat 100px 40px;
}
.proimg2 {
    background: url(../img/default/proimg2.png) no-repeat 100px 40px;
}
.proimg3 {
    background: url(../img/default/proimg3.png) no-repeat 100px 40px;
}
.proimg4 {
    background: url(../img/default/proimg4.png) no-repeat 100px 40px;
}
.pro-knowdetail {
    display: none;
    position: relative;
    margin-left: 24px;
    width: 270px;
    height: 50px;
    margin-top: -50px;
    padding-top: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #fff;
}
.proitemcell:hover .pro-knowdetail {
    display: block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.proimg1:hover, .proimg2:hover, .proimg3:hover, .proimg4:hover{
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow:-2px 0 15px 0 rgba(0, 0, 0, 0.08) inset,
    2px 0 15px 0 rgba(0, 0, 0, 0.08) inset,
    0 3px 20px 0 rgba(0, 0, 0, 0.08) inset;
}
    /*视频容器*/
.cljv {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
    display: none;
}
.cljv .v-new {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 700px;
    height: 400px;
    background-color: #000;
    margin: auto;
}
.cljv .v-new .close {
    position: absolute;
    right: 33px;
    top: 18px;
    width: 27px;
    height: 27px;
    background: url(../img/icons/icon-close.png) no-repeat center;
    cursor: pointer;
}

.nav-product {
    position: fixed;
    top:80px;
    left: 0;
    z-index: 996;
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.nav-prolist {
    height: 45px;
}
.nav-prolist li {
    display: inline-block;
    margin-right: 40px;
    line-height: 45px;
}
.nav-prolist li a {
    font-size: 14px;
    color: #aaa;
}
.nav-prolist li a:hover {
    color: #777;
}
.nav-prolist li a.active {
    color: #777;
}
.nav-proshop {
    margin-top: 12px;
    position: relative;
    vertical-align: middle;
    text-align: left;
}
.nav-proshop a {
    color: #aaa;
    font-size: 14px;
}
.proshopline {
    margin: 4px 10px;
}
.nav-proshop a:hover {
    color: #777;
}
.icon-jd {
    background: url(../img/icons/icon-jd.png) no-repeat center;
    width: 21px;
    height: 22px;
    margin-left: 8px;
    vertical-align: middle;
}
.nav-proshop a:hover .icon-jd {
    background: url(../img/icons/icon-jd-sel.png) no-repeat center;
}
.icon-tmall {
    background: url(../img/icons/icon-tmall.png) no-repeat center;
    width: 21px;
    height: 22px;
    margin-left: 8px;
    vertical-align: middle;
}
.nav-proshop a:hover .icon-tmall {
    background: url(../img/icons/icon-tmall-sel.png) no-repeat center;
}

.factorbg {
    background: url(../img/default/factorbg.png) center no-repeat;
    width: 100%;
    height: 800px;
}

.factortit {
    color: #fff;
    font-size: 40px;
    font-weight: 100;
    margin-top: 80px;
}

.factorstit {
    font-size: 18px;
    font-weight: 100;
    color: #b1d8f7;
    width: 580px;
    word-break: break-all;
    overflow: hidden;
    margin-top: 66px;
    line-height: 38px;
}

.carprolist li {
    display: inline-block;
    margin-right: 136px;
    width: 450px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.carprolist li img {
    width: 450px;
}

.carprotit {
    color: #3e3e3e;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 30px;
}
.carprodesc {
    margin-bottom: 15px;
    font-size: 16px;
    color: #666;
}

.barelf {
    width: 300px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #dedede;
    padding-top: 50px;
    font-size: 20px;
    color: #555;
}
.barelf div {
    margin-left: 70px;
}
.barelf h2 {
    margin-left: 70px;
    font-weight: 500;
}
.barert {
    width: 700px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #dedede;
    margin-left: 120px;
    padding-top: 50px;
}
.barert-item .tit {
    font-size: 16px;
    color: #555;
    font-weight: 300;
    margin-left: 30px;
    width: 180px;
}
.barert-item .stit {
    font-size: 14px;
    color: #919191;
    margin-left: 30px;
    width: 180px;
    margin-bottom: 90px;
    margin-top: 26px;
    line-height: 30px;
}

.barenotice {
    margin-left: 70px;
    font-size: 14px;
    color: #999;
}

.barenolist {
    margin-top: 35px;
    margin-bottom: 55px;
    margin-left: 70px;
}
.barenolist li {
    display: inline-block;
    margin-right: 80px;
}
.barenolist li .tit {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
    text-align: center;
}

/*---------------产品中心副标题-------------------------*/
.newpro-nav {
    position: fixed;
    z-index: 999;
    left:0;
    top:-127px;
    width: 100%;
    background: rgba(255,255,255,0.78);
}
.newprolist {
    position: relative;
    height: 73px;
}
.newprolist img {
    vertical-align: middle;
}
.newprolist li {
    display: inline-block;
    margin-right: 13px;
    margin-top: 18px;
}
.newprolist li a {
    color: #555;
    font-size: 16px;
}
.newprolist li a:hover, .newprolist li a.active {
    color:  #2588d9;
}
.newprolist .newlogo {
    margin-right: 80px;
}
.newproshop {
    position: relative;
    height: 73px;
    line-height: 73px;
}
.newproshop div  {
    margin-left: 20px;
}
.newproshop img {
    vertical-align: middle;
}
.newproshop a {
    font-size: 14px;
    color: #777;
}
.newproshop a:hover {
    color: #2588d9;
}

/*----------------滚屏-----------------*/
.section {
    width: 100%;
    position: relative;
    z-index: 20;
    overflow: hidden;
}

.section1 {
    background: url(http://cdn.chuanglvjia.net/mball/default/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}
.section1 .btit , .section2 .btit, .section3 .btit, .section4 .btit {
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #fffefe;
    position: relative;
    margin-top: 180px;
    font-weight: 100;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}
.ballwords {
    width: 998px;
    margin: 5px auto;
    text-align: center;
    font-size: 18px;
    color: #ccc;
    position: relative;
    margin-top: 25px;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}
.ballimg {
    position: absolute;
    bottom: -600px;
    left: 34%;
    transition: all 1s;
    width: 35%;
}
.ballimg img {
    width: 100%;
}
.ballimg2 {
    position: absolute;
    bottom: -600px;
    left: 34%;
    transition: all 1s;
    width: 32%;
}
.ballimg2 img {
    width: 100%;
}
.section2 {
    background: url(http://cdn.chuanglvjia.net/mball/default/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}

.colum2-3 {
    margin: 50px auto;
    width: 100%;
    text-align: center;
    position: relative;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}
.colum2-3 li {
    display: inline-block;
    width: 310px;
    border-right: 1px solid #999;
    padding: 0 40px;
}
.colum2-3 li:nth-child(3)
{
    border-right: none;
}
.colum2-3 .subtit {
    color: #fffefe;
    font-size: 20px;
    font-weight: 200;
}
.colum2-3 .subtit span {
    font-size: 40px;
}
.colum2-3 .subinfo {
    font-size: 16px;
    color: #ccc;
    width: 265px;
    overflow: hidden;
    word-break: break-all;
    line-height: 32px;
    margin-left: 22px;
    margin-top: 10px;
}

.section3 {
     background: url(http://cdn.chuanglvjia.net/mball/default/mb-section1.png) no-repeat center #1e1e1e;
     width: 100%;
     height: 100%;
 }
.section4 {
    background: url(http://cdn.chuanglvjia.net/mball/default/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}
.mb-step {
    width: 100%;
    margin: 60px auto;
    text-align: center;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
    z-index: 30;
}
.mb-circle {
    position: absolute;
    width: 50%;
    left: 25%;
    z-index: 5;
    bottom: -600px;
    transition: all 1s;
}
.mb-circle img {
    width: 100%;
}
.mb-vertical-pic {
    position: absolute;
    width: 35%;
    left: 32%;
    z-index: 15;
    bottom: -600px;
    transition: all 1s;
}
.mb-vertical-pic img {
    width: 100%;
}
.mb-hand {
    position: absolute;
    width: 18%;
    left: 43%;
    bottom: -800px;
    z-index: 20;
    transition: all 1s;
}
.mb-hand img {
    width: 100%;
}
/*光触媒A*/
.cata-a-1 {
    width: 100%;
    height: 100%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#e9e9e9) !important; /*IE 6 7 8*/
    background: -ms-linear-gradient(top, #fff,  #e9e9e9) !important;        /* IE 10 */
    background:-moz-linear-gradient(top,#fff,#e9e9e9) !important;/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#e9e9e9)) !important;/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9)) !important;      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #fff, #e9e9e9) !important;   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #fff, #e9e9e9) !important;  /*Opera 11.10+*/
}
.catatit {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #888;
    position: relative;
    margin-top: 160px;
    font-weight: 100;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}
.catapic1 {
    width: 30.5%;
    position: absolute;
    bottom: 0;
    left: -30%;
    z-index: 20;
    transition: all 1s;
}

.catapic1 img {
    width: 100%;
}
.catapic2 {
    width: 32%;
    position: absolute;
    bottom: -4%;
    left: 138%;
    z-index: 20;
    transition: all 1s;
}

.catapic2 img {
    width: 100%;
}

.cata-a-2 {
    width: 100%;
    height: 100%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#fff,endColorStr=#e9e9e9) !important; /*IE 6 7 8*/
    background: -ms-linear-gradient(left, #fff,  #e9e9e9) !important;        /* IE 10 */
    background:-moz-linear-gradient(left,#fff,#e9e9e9) !important;/*火狐*/
    background:-webkit-gradient(linear, 100% 0%, 0% 0%,from(#fff), to(#e9e9e9)) !important;/*谷歌*/
    background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#fff), to(#e9e9e9)) !important;      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left, #fff, #e9e9e9) !important;   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left, #fff, #e9e9e9) !important;  /*Opera 11.10+*/
}
.big-cataimg {
    width: 36%;
    position: absolute;
    top: 16%;
    left: 250%;
    z-index: 20;
    transition: all 1s;
}
.big-cataimg img {
    width: 100%;
}
.cata2-instruct {
    position: absolute;
    left: -125%;
    top: 23%;
    transition: all 1s;
}

.cata2-instruct li {
    font-size: 20px;
    font-weight: 100;
    color: #888;
    list-style: disc;
    margin-bottom: 40px;
}
.cata2-instruct li.cata-tit {
    font-size: 40px;
    list-style: none;
    margin-bottom: 50px;
}
.cata2-instruct li.cata-tit h1{
    font-weight: 300;
}
.cata2-instruct li.cata-tit h2{
    font-weight: 300;
}
.cata-a-3 {
    width: 100%;
    height: 100%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#e9e9e9,endColorStr=#fff) !important; /*IE 6 7 8*/
    background: -ms-linear-gradient(left, #e9e9e9,  #fff) !important;        /* IE 10 */
    background:-moz-linear-gradient(left,#e9e9e9,#fff) !important;/*火狐*/
    background:-webkit-gradient(linear, 100% 0%, 0% 0%,from(#e9e9e9), to(#fff)) !important;/*谷歌*/
    background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#e9e9e9), to(#fff)) !important;      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left, #e9e9e9, #fff) !important;   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left, #e9e9e9, #fff) !important;  /*Opera 11.10+*/
}

.cata3-img {
    position: absolute;
    left: -66%;
    top: 16%;
    transition: all 1s;
    width: 36%;
}

.cata3-img img {
    width: 100%;
}
.cata3-instruct {
    position: absolute;
    left: -140%;
    top:20%;
    transition: all 1s;
}

.cata3-instruct li {
    font-size: 22px;
    font-weight: 100;
    color: #888;
    margin-bottom: 60px;
}

.cata3-instruct li.cata-tit {
    font-size: 40px;
    list-style: none;
    margin-bottom: 50px;
}
.cata3-instruct li.cata-tit h1{
    font-weight: 300;
}
.cata3-instruct li.cata-tit h2{
    font-weight: 300;
}
.cata3-bt {
    text-align: center;
    width: 100px;
    font-weight: 300;
    padding: 0 10px;
    border-right: 1px solid #888;
    border-left: 1px solid #888;
    line-height: 22px;
}
.cata3-st {
    margin-top: 30px;
    font-size: 16px;
}


    /*--动画-----*/
.active .btit, .active .ballwords, .active .colum2-3, .active .mb-step, .active .catatit  {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.6s;
}
.active .ballimg {
    bottom: -2%;
    transition-delay: 0.7s;
}
.active .ballimg2 {
    bottom: -2%;
    transition-delay: 0.7s;
}
.active .mb-hand {
    bottom: -4%;
    transition-delay: 1.3s;

}
.active .mb-vertical-pic {
    bottom: -3%;
    transition-delay: 1s;
}
.active .mb-circle {
    bottom: -4%;
    transition-delay: 0.7s;
}
.active .catapic2 {
    left: 38%;
    transition-delay: 0.7s;
}
.active .catapic1 {
    left: 30%;
    transition-delay: 0.7s;
}
.active .big-cataimg {
    left: 53%;
    transition-delay: 0.7s;
}
.active .cata2-instruct {
    left: 18%;
    transition-delay: 0.7s;
}
.active .cata3-instruct {
    left: 45%;
    transition-delay: 0.7s;
}
.active .cata3-img {
    left: 6%;
    transition-delay: 0.7s;
}


/*---------------动画结束----------------*/

/*-----导航按钮重写样式----------*/
#fp-nav ul li, .fp-slidesNav ul li {
    margin: 15px !important;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    height: 12px !important;
    width: 12px !important;
    border: 0 !important;
    margin: 0 !important;
    background: url(../img/icons/cata-icon.png) center no-repeat;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    background: url(../img/icons/cata-icon-sel.png) center no-repeat;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    background: url(../img/icons/cata-icon-sel.png) center no-repeat;
}
/*-------------------------------产品中心结束--------------------------------*/


/*-------------案例   新闻 共用部分--------------*/
.conlist {
    background: #fff;
    z-index: 18;
    position: relative;
    overflow: hidden;
}
.conlist-lf {
    width: 205px;
    margin: 45px 50px 0 45px;
}
.conlist-tit {
    position: relative;
    margin-bottom: 50px;
}
.conlist-tit .contit1 {
    font-size: 24px;
    font-weight: 500;
    color: #333;
}
.conlist-tit .contit2 {
    font-size: 18px;
    color: #bbb;
}

.conlist-nav li {
    position: relative;
    /*height: 60px;*/
    border-top: 1px solid #ddd;
    line-height: 60px;
}
.conlist-nav li:nth-child(1)
{
    border-top: none;
}
.conlist-nav li a {
    font-size: 14px;
    color: #888;
    margin-left: 15px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    display: inline-block;
    width: 190px;
    height: 24px;
    line-height: 24px;
}
.conlist-nav li a h2{
    font-weight: 500;
}
.conlist-nav li a.active {
    color: #333;
    margin-left: 5px;
    border-left: 2px solid #2588d9;
    padding-left: 15px;
}
.conlist-nav li:hover a {
    border-left: 2px solid #2588d9;
    padding-left: 15px;
    transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    -webkit-transform: translate(15px, 0);
    -o-transform: translate(15px, 0);
    -moz-transform: translate(15px, 0);
}
.conlist-nav li:hover a.active {
    color: #333;
    margin-left: 5px;
    border-left: 2px solid #2588d9;
    padding-left: 15px;
}
.conlist-rt {
    width: 850px;
    min-height: 1024px;
    position: relative;
    overflow: hidden;
    margin-top: 165px;
}
.conlist-nav li:hover.hasSubNav .conlist-subnav {
    display: block;
}
.conlist-subnav.active {
    display: block;
}
.conlist-subnav.cc .cls-items a {
    color: #333;
}
.conlist-nav li:hover .conlist-subnav .cls-items a {
    color: #888;
    border: none;
    transform: translate(6px, 0);
    -ms-transform: translate(6px, 0);
    -webkit-transform: translate(6px, 0);
    -o-transform: translate(6px, 0);
    -moz-transform: translate(6px, 0);
}
.conlist-subnav {
    overflow: hidden;
    position: relative;
    text-indent: 4px;
    display: none;
    margin-top: -10px;
    padding-bottom: 10px;
}
.cls-items {
    position: relative;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}
.conlist-nav li .cls-items a:hover {
    color: #333 !important;
}
.conlist-nav li .cls-items a {
    border: none;
    color: #888;
    font-size: 13px;
    display: inline-block;
}

/*--------------内容详情页面---------------*/
.show-detail {
    margin-top: 60px;

}
.showlf {
    position: relative;
    width: 630px;
    overflow: hidden;

}
.showtit {
    font-size: 20px;
    color: #333;
    font-weight: 500;
}
.showtime {
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}
.bllf {
    border-left: 2px solid #2588d9;
    padding-left: 10px;
}
.show-parts {
    margin-top: 25px;
    width: 100%;
    border-bottom: 1px dashed #ececec;
    overflow: hidden;
    padding-bottom: 10px;
}
.show-parts a {
    line-height: 12px;
    height: 12px;
    font-size: 12px;
    color: #666;
}
.show-parts a span, .show-parts a:hover {
    color: #2588d9;
}
.showcontent {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    word-break: break-all;
    width: 100%;
    min-height: 600px;
}

.showcontent p {
    font-size: 16px;
    line-height: 30px;
}
.show-turn {
    margin-top: 40px;
    border-top: 1px dashed #ececec;
    padding-top: 30px;
}
.show-turn div {
    margin-bottom: 20px;
}
.show-turn a {
    font-size: 15px;
    color: #888;
}
.show-turn a:hover {
    color: #2588d9;
}
.showrt {
    position: relative;
    width: 430px;
    overflow: hidden;
}

.showtitbtn {
    width: 80px;
    font-size: 13px;
    color: #fff;
    background: #2588d9;
    text-align: center;
    padding: 8px 0;
}

.show-hot {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}
.show-hot li {
    padding-top: 25px;
    border-bottom: 1px dashed #ececec;
    padding-bottom: 25px;
    position: relative;
    overflow: hidden;
}
.show-hot-cover {
    width: 142px;
    font-size: 0;
}
.show-hot li:hover .show-hot-cover img {
    transform: scale(1.1, 1.1);
    transition: transform 1s ease 0s;
}
.show-hot-cover img {
    width: 142px;
    height: 91px;
    transform: translateZ(0px);
    transition: transform 1s ease 0s;
}
.show-hot-info {
    margin-left: 15px;
    margin-top: 10px;
}
.show-hot li:hover .tit, .show-hot li:hover .more {
    color: #555;
}
.show-hot-info .tit {
    color: #999;
    font-size: 16px;
    width: 256px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.show-hot-info .time {
    color: #999;
    font-size: 12px;
    margin-top: 10px;
}
.more-eye {
    background: url(../img/default/icon-eye.png) center no-repeat;
    width: 15px;
    height: 9px;
    margin-left: 16px;
    margin-right: 4px;
}
.show-hot-info .more {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
}
.show-hot li:hover .more-arrow , .rtactive a:hover .more-arrow {
    background: url(../img/default/icon-mini-arrow-sel.png) center no-repeat;
}
.more-arrow {
    background: url(../img/default/icon-mini-arrow.png) center no-repeat;
    width: 4px;
    height: 8px;
    margin-left: 8px;
}
.rtactive {
    margin-top: 24px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ececec;
    margin-bottom: 20px;
}
.rtactive a:hover img{
    transform: scale(1.1, 1.1);
    transition: transform 1s ease 0s;
}
.rtactiveimg {
    width: 430px;
    overflow: hidden;
    transform: translateZ(0px);
    transition: transform 1s ease 0s;
    font-size: 0;
}
.rtactiveimg img {
    width: 100%;
}
.rtactiveinfo {
    margin-top: 15px;

}
.rtactiveinfo .t1 {
    font-size: 16px;
    color: #999;
}
.rtactiveinfo .t2 {
    margin-top: 15px;
    font-size: 12px;
    color: #999;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rtactive .more {
    position: relative;
    margin-right: 8px;
    margin-top: 22px;
    font-size: 14px;
    color: #999;
}
.rtactive a:hover .more ,.rtactive a:hover .rtactiveinfo .t1{
    color: #555;
}


/*------------联系我们-----------------*/
#map {
    width: 100%;
    height: 510px;
    margin-top: 100px;
}
.contactcontain {
    background: #fff;
    position: relative;
    overflow: hidden;
    height: 108px;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    margin-bottom: 20px;
}
.contact-list {
    margin: 20px 50px;
}
.contact-list li {
    float: left;
    width: 212px;
}

.ctbox {
    margin-left: 12px;
}
.contact-list li .ct1 {
    font-size: 16px;
    color: #333;
}

.contact-list li .ct2 {
    width: 130px;
    position: relative;
    margin-top: 6px;
    font-size: 12px;
    color: #999;
    line-height: 18px;
}
.ctline {
    margin: 5px 28px;
}

.weib_tu{
    height: 138px;
    margin: 0 auto;
    margin-top: -40px;
    z-index: 10000;
    position: relative;
    top: 0px;
    width: 500px;
}
.wx{
display: none;
}
.wb{
   display: none;
}

/*-----------------新闻中心-------------------*/
.conlist-news {
    position: relative;
    overflow: hidden;
}
.conlist-news li {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dashed #ececec;
    overflow: hidden;
    position: relative;
}
.news-cover {
    width: 212px;
    height: 160px;
    overflow: hidden;
    font-size: 0;
}
.news-cover img {
    width: 100%;
}

.news-info {
    width: 400px;
    word-break: break-all;
    overflow: hidden;
    margin-left: 50px;
    margin-top: 35px;
}
.newsintit {
    font-size: 18px;
    color: #888;
    font-weight: 500;
}

.newsindesc {
    color: #888;
    font-size: 13px;
    margin-top: 36px;
    line-height: 20px;
}
.conlist-news .news-time {
    margin-top: 50px;
    color: #888;
    font-size: 22px;
}
.newlistarrow{
    margin-top: 30px;
    margin-left: 100px;
}
.newlistarrow i {
    display: none;
    background: url(../img/icons/icon-newslist-arrow.png) center no-repeat;
    width: 21px;
    height: 13px;
}
.conlist-news li:hover .newlistarrow i {
    display: block;
}
.conlist-news li:hover .newsintit, .conlist-news li:hover .news-time {
    color: #555;
}



/*-----------------------招商加盟---------------------------------*/
.join-content p{
    font-size: 14px;
    color: #888;
    line-height: 28px;
}
.join-content div {
    /*margin: 30px 0;*/
}
.joinc-img {
    width: 100%;
    font-size: 0;
}
.joinc-img img {
    width: 100%;
    vertical-align: middle;
}
.join-longline {
    width: 100%;
    height: 2px;
    border-bottom: 1px dashed #ececec;
}

.joinc-tit {
    font-size: 18px;
    color: #666;
}
.joinegp {
    margin-left: 12px;
}

.join3tit {
    font-size: 18px;
    color: #666;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}
.join3line {
    width: 20px;
    height: 3px;
    margin-top: 0 !important;
    border-bottom: 2px solid #2588d9;
    margin-bottom: 12px !important;
}
.join-content li {
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px dashed #ececec;
}

.join4num {
    font-size: 66px;
    color: #eee;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.join4process {
    margin-left: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.join4tit {
    font-size: 18px;
    color: #666;
    margin-top: 15px !important;
    margin-bottom: 16px !important;
}
.join4detail {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 690px;
    overflow: hidden;
    word-break: break-all;
}

.join6-content p {
    color: #888;
    font-size: 14px;
    line-height: 36px;
}
.join6-content .join-longline {
    margin: 30px 0;
}

.join6-table {
    width: 100%;
    border: 2px solid #000;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    color: #666;
    margin-top: 30px;
    margin-bottom: 30px;
}
.join6-table td {
    border-left: 2px solid #000;
    border-top: 2px solid #000;
}


/*--------------------------分页样式--------------------------------*/
.article-list-page {
    width: 780px;
    position: relative;
    margin: 40px auto;
    overflow: hidden;
    text-align: center;
}
.article-list-page .select_box input{
    width: 30px;
    height: 29px;
    display: inline-block;

}
.article-list-page li {
    display: inline-block;
    margin-right: 15px;
}
.article-list-page li a, .article-list-page li.first.hidden a, .article-list-page li.last.hidden a  {
    background: #aaa;
    color: #fff;
    display: inline-block;
    padding: 8px 12px;
}
.article-list-page li a,.article-list-page li.hidden:nth-child(2) a , .article-list-page li.hidden:nth-last-child(2) a {
    background: #aaa;
    color: #fff;
    display: inline-block;
    padding: 8px 12px;
}
.article-list-page li a:hover, .article-list-page li.selected a {
    background: #2b87d2;
}
.article-list-page li.first a,.article-list-page li.last a,.article-list-page li.previous a,.article-list-page li.next a  {
    background: #2b87d2;
}


/*-----------返回成功提示-----------------*/
#mes_success,#mes_repeat,#mes_limit {
    background: rgba(0,0,0,0.77);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 11111;
    top: 0;
    right: 0;
    display: none;
}
.success_box {
    width: 30%;
    height: 160px;
    position: absolute;
    background: #fff;
    left: 35%;
    top:50%;
    margin-top: -100px;
}
.success_tit {
    position: relative;
    margin-top: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #111;
    margin-left: 10%;
}
.success_notice {
    position: relative;
    margin-top: 20px;
    font-size: 14px;
    color: #333;
    margin-left: 10%;
}
.success_btn {
    position: relative;
    float: right;
    margin-top: 20px;
    line-height: 30px;
    margin-right: 10%;
    width: 95px;
    height: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    background: #2588d9;
    text-align: center;
    vertical-align: middle;
}


/*-----------乐语左侧隐藏----------*/
.doyoo_pan_icon_inner {
    display: none !important;
}
#doyoo_panel {
    display: none !important;
    z-index: -5;
}


/*----------------首页加盟商风采++++----------------*/
.joinstylebg {
    background: url(../img/icons/joinstylebg.jpg) no-repeat center;
    width: 100%;
    height: 610px;
    background-size: 115%;
    position: relative;
    overflow: hidden;
}
.joinstylescroll {
    position: relative;
    overflow: hidden;
    width: 1120px;
    margin: 0 auto;
}
.joinstylescroll .swiper-slide {
    width: 260px;
    height: 350px;
    background: #fff;
    z-index:555;
    transition: 0.3s all ease-in-out;
}
.joinstylescroll .swiper-slide:hover {
    background: #2588d9;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
}
.joinstylescroll .swiper-slide .jscover {
    transition: 0.3s all ease-in-out;
    overflow: hidden;
}
.joinstylescroll .swiper-slide .jscover img {
    width: 260px;
    height: 260px;
}
.joinstylescroll .swiper-slide:hover .jscover{
    margin: 10px 7px;
}
.joinstylescroll .swiper-slide:hover .jscover img {
    width: 246px;
    height: 246px;
}
.joinstylescroll .swiper-slide:hover .jscoverline {
    opacity: 1;
}
.joinstylescroll .swiper-slide .jscoverline {
    position: absolute;
    top:20px;
    opacity: 0;
    transition: 0.5s all ease-in-out;
}
.joinstylescroll .swiper-slide:hover .jstitle {
    color: #fff;
}
.joinstylescroll .swiper-slide .jstitle {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    transition: 0.5s all ease-in-out;
    width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    left: 15px;
    bottom: 46px;
}
.joinstylescroll .swiper-slide:hover .jstime {
    color: #9cd6ff;
}
.joinstylescroll .swiper-slide .jstime {
    font-size: 14px;
    color: #666;
    transition: 0.5s all ease-in-out;
    position: absolute;
    left: 15px;
    bottom: 20px;
}

.joinstyle-button-prev {
    background: url(../img/icons/honorprev.png) center no-repeat;
    background-size: 37px 37px;
    position: absolute;
    width: 37px;
    height: 37px;
    margin-top: 280px;
    left: 120px;
    cursor: pointer;
}
.joinstyle-button-prev:hover {
    background: url(../img/icons/honorprev-c.png) center no-repeat;
}
.joinstyle-button-next {
    background: url(../img/icons/honornext.png) center no-repeat;
    background-size: 37px 37px;
    position: absolute;
    width: 37px;
    height: 37px;
    margin-top: -225px;
    cursor: pointer;
    right: 120px;
}
.joinstyle-button-next:hover {
    background: url(../img/icons/honornext-c.png) center no-repeat;
}

#cnzz_stat_icon_1260153866 a {
    color: #999;
    position: absolute;
    bottom: 10px;
    left: 345px;
}
/*------------------------面包屑---------------------*/
.breadcrumb {
    font-size: 14px;
    color: #666;
    line-height: 14px;
    height: 14px;
    display: block;
    overflow: hidden;
    margin-top: 90px;
    margin-bottom: 45px;
    border-bottom: 1px dashed #ececec;
    padding-bottom: 10px;
}
.breadcrumb a {
    color: #666;
}
.breadcrumb a:hover, .breadcrumb a span {
    color: #2588d9;
}
.elli_title {
    width: 420px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/*--------------------------- 优特派尔新增 -------------------------------------*/
.pro-utp {
    margin-top: 90px;
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.puimg img{
    width: 100%;
    transition: all 1s ease;
    z-index: -1;
}
.pro-utp:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.puimg:hover img {
    transform: scale(1.05);
}
.pu-btn {
    display: inline-block;
    width: 169px;
    height: 49px;
    color: #2588d9;
    font-size: 19px;
    border: 1px #2588d9 solid;
    background: transparent;
    border-radius: 24px;
    position: absolute;
    z-index: 60;
    right: 0;
    margin-top: 448px;
    margin-right: 155px;
    cursor: pointer;
    transition: all 1s ease;
}

.pro-utp:hover .pu-btn {
    background: #2588d9;
    color: #fff;
}

/*---------------- 详细页 -----------------*/
.utbig-container {
    width: 1270px;
    margin: 0 auto;
    position: relative;
}
.ut-container {
    width: 1120px;
    margin: 0 auto;
    position: relative;
}
.utbanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 125px;
}
.utbanner_nomargin {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.ut1bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut1-bg-new.png) right no-repeat #f0f0f0;
    width: 100%;
    height: 840px;
}
.ut1-blue {
    width: 100%;
    height: 288px;
    background-color: rgba(25, 87, 203, 0.74);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.ut1-title {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut1_new.png) no-repeat left;
    width: 435px;
    height: 325px;
    position: relative;
    margin-top: 190px;
}
.ut1-pro {
    z-index: 12;
    position: absolute;
    margin-top: -275px;
    margin-left: 465px;
}
.ut1-link {
    position: relative;
    margin-top: 35px;
}
.ut1-link a {
    width: 226px;
    height: 56px;
    background-color: #fff;
    display: inline-block;
    color: #3e68ba;
    font-size: 25px;
    border-radius: 30px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 56px;
    font-weight: 300;
}
.ut1-link a i {
    margin-left: 25px;
    font-size: 30px;
    transition: 0.3s all ease;
}
.ut2bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut4.png) no-repeat center #fff;
    width: 100%;
    height: 825px;
}
.ut2img {
    display: block;
    margin-top: 40px;
}
.ut3bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut7.png) no-repeat center #eee;
    width: 100%;
    height: 642px;
}
.ut3-title {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut5.png) no-repeat left;
    width: 475px;
    height: 358px;
    position: relative;
    padding-top: 180px;
}
.ut3-pro {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut6.png) no-repeat left;
    width: 599px;
    height: 690px;
    position: absolute;
    margin-left: 665px;
    margin-top: -388px;
    z-index: 888;
}
.ut34br {
    background: #ccd5db;
    width: 100%;
    height: 210px;
}
.ut4bg {
    background: #ccd5db;
    width: 100%;
    height: 930px;
}
.ut4img-1, .ut4img-2, .ut4img-3 {
    margin: 0 auto;
    display: block;
}
.ut4img-2 {
    margin-top: 20px;
}
.ut4img-3 {
    margin-top: 30px;
}
.ut5bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut12.png) no-repeat center #eee;
    width: 100%;
    height: 816px;
}
.ut5img1 {
    margin-top: 100px;
}
.ut5img2 {
    margin-left: 25px;
    margin-top: 50px;
}
.ut6bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut16.png) no-repeat center #eee;
    width: 100%;
    height: 1023px;
}
.ut6img-1, .ut6img-2 {
    margin: 0 auto;
    display: block;
}
.ut6img-1 {
    margin-top: 60px;
}
.ut6img-2 {
    margin-top: 50px;
}
.ut7bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut19.png) no-repeat center #eee;
    width: 100%;
    height: 795px;
}
.ut7img-1, .ut7img-2 {
    margin: 0 auto;
    display: block;
}
.ut7img-1 {
    margin-top: 70px;
}
.ut7img-2 {
    margin-top: 60px;
}
.ut7bg-nav {
    background: #363432;
    height: 195px;
    width: 100%;
}
.ut7-list li {
    float: left;
    width: 280px;
    height: 195px;
    border-left: 1px solid #dbd2c8;
    text-align: center;
}
.ut7-list li:nth-child(4) {
    border-right: 1px solid #dbd2c8;
}
.ut7l-tit {
    color: #e0c8ac;
    font-size: 22px;
    font-weight: 200;
    margin-top: 40px;
}
.ut7l-des {
    margin: 0 auto;
    width: 200px;
    overflow: hidden;
    word-break: break-all;
    color: #b9b4b2;
    font-size: 14px;
    font-weight: 200;
    margin-top: 20px;
    line-height: 28px;
}
.ut8bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut20-silver.png) no-repeat center #eee;
    width: 100%;
    height: 960px;
}
.ut8img {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 180px;
    margin-left: -210px;
    z-index: 0;
}
.ut8-btn {
    width: 220px;
    margin-left: 992px;
    margin-top: -280px;
    position: relative;
    z-index: 666;
}
.ut8-btn a {
    width: 60px;
    height: 150px;
    display: inline-block;
    z-index: 666;
}
.ut9bg {
    background: #fff;
    width: 100%;
    height: 860px;
}
.ut9-proinfo {
    display: block;
    margin: 0 auto;
    margin-top: 125px;
}


.border_right {
    border-right: 1px solid #ccc;
}


.container_half {
    width: 49%;
    overflow: hidden;
    min-height: 760px;
}
.ch_title {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    color: #444;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}
.zt_list {
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}
.zt_list li {
    padding: 5px 10px;
    border: 1px solid #ccc;
    float: left;
    width: 75px;
    text-align: center;
    border-radius: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.ztl_title {
    color: #666;
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c1c1c1;
}
.ztl_link {
    margin-top: 5px;
}
.ztl_link a {
    display: inline-block;
    color: #777;
}

.video_des {
    width: 340px;
    height: 490px;
    background: #ccc;
    overflow: hidden;
    margin-top: 20px;
}
.video_des .caption {
    margin: 23px 40px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #333;
}

.video_des_detail {
    width: 260px;
    height: 340px;
    overflow: hidden;
    margin: 0px auto;
    margin-top: 30px;
    text-indent: 16px;
    font-size: 12px;
    color: #555;
    line-height: 24px;
}

/* video */
#video{padding:20px 40px 0px;}
#video .videoContainer{
    margin:20px 0px 52px 0px;
    width:940px;
    height:439px;
    background:#f0edcc;
}
#video .playerContainer{
    float:left;
    width:780px;
    height:439px;
}
#video #player{margin:0 auto;}
#video #player img{width:100%;}
#video .caption{
    float:left;
    width:160px;
    padding:23px 21px;
}
#video .caption h6{
    font-weight: normal;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;
    color: #333;
    width: 255px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#video .caption h2{
    font-weight: normal;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;
    color: #333;
    width: 255px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#video .caption p{
    font-size:12px;
    line-height:20px;
}
#video .caption p:last-child{margin-bottom:0px;}

#video .clip{
    width:260px;
    float:left;
    margin:0px 20px 35px 0px;
    min-height:200px;
}
#video .clip .imgWrapper{
    width:100%;
    position:relative;
}
#video .clip .imgWrapper .mask{position:absolute;}
#video .clip img{width:260px;height: 155px;}

#video .clip .caption{
    float:none;
    width:100%;
    padding:0px 0px;
}
#video .clip img{margin-bottom:8px;}
#video .clip .caption h1{font-weight:bold;}
#video .videoList{padding-bottom:85px;}
#video .videoList .clip:nth-child(4n){
    margin:0px 0px 35px 0px;

}

#willesPlay .playContent {
    background: #000;
}


.cnzz {
    position: relative;
    display: block;
    width: 1120px;
    margin: 0 auto;
    margin-top: -12px;
}
.cnzz img {
    display: block;
}


/*报价*/
.calc-wrap {
    background: rgba(0,0,0,0.76);
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 888;
}
.calc-container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.calc-header {
    position: relative;
    width: 800px;
    margin: 0 auto;
    margin-top: -65px;
    text-align: center;
    cursor: pointer;
}
.calc-cartoon {
    position: relative;
    background: url(http://cdn.chuanglvjia.net/calc/calc-cartoon-new2.png) no-repeat left;
    width: 790px;
    height: 131px;
    float: left;
}
.calc-arrow {
    position: relative;
    float: left;
    width: 24px;
    height: 29px;
    margin-left: -30px;
}
.up-arrow {
    margin-top: 76px;
    background: url(http://cdn.chuanglvjia.net/calc/calc-up-arrow.png) no-repeat center;
    -webkit-animation: down_arrow_anim .5s infinite alternate ease-in-out;
    animation: down_arrow_anim .5s infinite alternate ease-in-out;
}
.down-arrow {
    margin-top: 70px;
    background: url(http://cdn.chuanglvjia.net/calc/calc-down-arrow.png) no-repeat center;
}
@-webkit-keyframes down_arrow_anim {
    to {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
}

@keyframes down_arrow_anim {
    to {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
}

.calc-form {
    background: #fff;
    position: relative;
    overflow: hidden;
    height: 0;
    transition: 0.3s all ease-in-out;
}
.sncjq_calc_tit {
    font-size: 28px;
    line-height: 40px;
    color: #2588d9;
    font-weight: 300;
    position: relative;
    margin-top: 40px;
    margin-left: 45px;
    margin-bottom: 20px;
}
.sncjq_calc_lf {
    position: relative;
    width: 600px;
    border-right: 1px solid #bddbf4;
}
.sncjq_form_line {
    position: relative;
    margin-left: 45px;
    margin-bottom: 18px;
}
.sncjq_form_label {
    font-size: 16px;
    line-height: 32px;
    color: #555;
    position: relative;
    margin-right: 15px;
}
.sncjq_form_element select {
    position: relative;
    width: 85px;
    height: 30px;
    background: #fff;
    line-height: 30px;
    color: #555;
    font-size: 14px;
    outline: none;
    margin-right: 8px;
    text-indent: 6px;
    border: 1px solid #bfbfbf;
}
.sncjq_form_element input {
    display: inline-block;
    position: relative;
    width: 271px;
    height: 30px;
    background: #fff;
    outline: none;
    border: 1px solid #bfbfbf;
    color: #555;
    line-height: 30px;
    text-indent: 10px;
    font-size: 14px;
}
.sncjq_form_element .pp {
    position: relative;
    margin-left: -30px;
    font-size: 14px;
    line-height: 30px;
    color: #989898;
}
.sncjq_form_element .cjqzt_c_item {
    margin-left: 0;
    margin-right: 20px;
}
.sncjq_form_line .note {
    font-size: 14px;
    line-height: 30px;
    color: #5ea6e0;
    margin-left: 94px;
    margin-top: -15px;
    margin-bottom: 15px;
}
.sncjq_form_line.bj_btn {
    position: absolute;
    margin-top: -225px;
    margin-left: 530px;
}
.sncjq_form_line.bj_btn .ico-line-btn {
    background: url(http://cdn.chuanglvjia.net/calc/calc-broken-circle.png) no-repeat center #fff;
    z-index: 9;
    width: 140px;
    height: 140px;
    display: block;
    position: absolute;
    -webkit-animation:run 3s linear 0s infinite;
    border-radius: 50%;
}

.sncjq_form_line.bj_btn .calc-btn {
    position: absolute;
    top: 26px;
    right: -115px;
    display: block;
    width: 90px;
    height: 90px;
    background: #2588d9;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 45px;
    z-index: 15;
}
.sncjq_form_line.bj_btn .calc-btn em {
    display: block;
    font-size: 16px;
    width: 44px;
    height: 44px;
    margin-top: 24px;
    margin-left: 28px;
    font-style: normal;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
}
.sncjq_form_line.bj_btn .circle-animate {
    position: absolute;
    top: 16px;
    right: -125px;
    width: 110px;
    height: 110px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #7cb8e8;
    z-index: 12;
    -webkit-animation: scale-three2 1.5s ease infinite;
    -moz-animation: scale-three2 1.5s ease infinite;
    -o-animation: scale-three2 1.5s ease infinite;
    animation: scale-three2 1.5s ease infinite;
    animation-fill-mode: both;
}

@keyframes scale-three2 {
    0% {
        transform: scale(1);
        opacity: .8
    }
    100% {
        transform: scale(1.3);
        opacity: 0
    }
}

@-webkit-keyframes scale-three2 {
    0% {
        -webkit-transform: scale(1);
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes scale-three2 {
    0% {
        -moz-transform: scale(1);
        opacity: .7
    }
    100% {
        -moz-transform: scale(1.3);
        opacity: 0
    }
}

@-o-keyframes scale-three2 {
    0% {
        -o-transform: scale(1);
        opacity: .7
    }
    100% {
        -o-transform: scale(1.3);
        opacity: 0
    }
}
@keyframes run{
    from{
        -webkit-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
    }
}

@-webkit-keyframes run{
    from{
        -webkit-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
    }
}

@-moz-keyframes run{
    from{
        -webkit-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
    }
}

@-o-keyframes run{
    from{
        -webkit-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
    }
}

.sncjq_calc_rt {
    position: relative;
    overflow: hidden;
    width: 340px;
    margin-left: 155px;
}
.sncjq_calc_rtit {
    font-size: 24px;
    line-height: 26px;
    color: #717171;
}
.sncjq_calc_rtit span {
    display: inline-block;
    font-size: 30px;
    line-height: 26px;
    color: #2588d9;
    margin-left: 16px;
    margin-right: 16px;
    width: 80px;
    text-align: center;
    font-weight: bold;
    margin-top: 45px;
}
.sncjq_calc_rtbox {
    position: relative;
    margin: 30px auto;
    width: 300px;
    background: #fff;
    border: 1px solid #bfbfbf;
    overflow: hidden;
    text-align: center;
    padding: 30px 0;
}
.sncjq_calc_fee {
    color: #767676;
    font-size: 16px;
    line-height: 35px;
}
.sncjq_calc_fee span {
    color: #2588d9;
    display: inline-block;
    font-size: 20px;
    width: 70px;
    text-align: center;
}
.sncjq_calc_rtnote {
    font-size: 13px;
    line-height: 20px;
    color: #828282;
    width: 300px;
    margin: 0 auto;
}

.cjqzt_c_item {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    color: #555;
    margin-left: 20px;
    cursor: pointer;
    line-height: 14px;
}
.cjqzt_c_cicle {
    width: 14px;
    height: 14px;
    border: solid 1px #bfbfbf;
    border-radius: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    margin-right: 3px;
}
.cjqzt_c_item.on .cjqzt_dot {
    display: block;
}
.cjqzt_dot {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
    margin: 4px;
    display: none;
}

.topBar {
    width: 100%;
    height: 30px;
    background: #f4f4f4;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    font-size: 12px;
    line-height: 28px;
}
.topBar .container {
    overflow: inherit;
}
.topBar span a {
    margin-left: 4px;
    color: #707070;
}
.topBar span a:hover {
    color: #2588d9;
}
.tB_rt .asset {
    position: relative;
    margin-left: 25px;
}
.tB_rt .asset a {
    color: #707070;
}
.tB_rt .asset a:hover {
    color: #2588d9;
}
.tB_rt .asset a i {
    margin-right: 8px;
}
.tB_wechat {
    position: absolute;
    top: 30px;
    z-index: 99999;
    transition: 0.3s ease-in;
    display: none;
}
.tB_wechat img {
    width: 88px;
    height: 90px;
    display: block;
    max-width: 88px;
}
.tB_weixin:hover .tB_wechat {
    display: block;
}
.tB_lf .fa-map-marker {
    color: #2588d9;
    font-size: 16px;
    margin: 0 5px;
}
.tB_lf .city_hover {
    color: #2588d9;
}
.topBar .zxrx_add {
    position: relative;
    color: #2588d9;
    cursor: pointer;
}
.topBar .zxrx_add .fa-phone {
    font-weight: bold;
    margin-right: 5px;
}
.topBar .zxrx_add .text_underline {
    font-weight: bold;
    border-bottom: 1px solid #2588d9;
}
.topBar .zxrx_add .fa-angle-up {
    display: none;
    transition: 0.3s all ease-in-out;
}
.topBar .zxrx_add .fa-angle-down {
    display: inline-block;
    transition: 0.3s all ease-in-out;
}
.topBar .zxrx_add:hover .fa-angle-up {
    display: inline-block;
}
.topBar .zxrx_add:hover .fa-angle-down {
    display: none;
}

.topBar .zxrx_add .tel-pop {
    position: absolute;
    z-index: 9999;
    top: 30px;
    right: -10px;
    width: 242px;
    height: 202px;
    padding: 19px;
    color: #555;
    background-color: #fff;
    box-shadow: 0 2px 6px #ccc;
    display: none;
}
.topBar .zxrx_add:hover .tel-pop {
    display: block;
}
.topBar .zxrx_add .tel-pop .tel-pop-title {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}
.topBar .zxrx_add .tel-pop .tel-content {
    height: 57px;
}
.topBar .zxrx_add .tel-pop .tel-content {
    padding-top: 12px;
}
.topBar .zxrx_add .tel-pop input.tel-content-input {
    width: 210px;
    height: 36px;
    font-size: 13px!important;
    color: #333;
    border: 1px solid #ddd;
    margin: 0 auto;
    display: block;
    padding: 0 9px;
}
.topBar .zxrx_add .tel-pop .tel-btn {
    font-size: 14px;
    width: 230px;
    margin: 0 auto;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    background-color: #2588d9;
    color: #fff;
    transition: 0.3s all ease-in-out;
}
.topBar .zxrx_add .tel-pop .tel-btn:hover {
    background: #2e6ab1;
}
.topBar .zxrx_add .tel-pop .tel-tips {
    width: 230px;
    margin: 0 auto;
    padding: 20px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #666;
}
.topBar .zxrx_add .tel-pop .tel-tips em {
    padding-right: 5px;
    color: #ff615e;
}

.topBar .zxrx_add .tel-pop .tel-tips .tel-tips-space {
    display: inline-block;
    width: 10px;
    height: 3px;
}
.tel-tips-success {
    color: green;
}

/*智能除味机*/
.cwj_banner_blue {
    background: url(http://cdn.chuanglvjia.net/addition/banner_blue.png) no-repeat ;
    width: 100%;
    height: 727px;
}
.cwj_tit1 {
    font-size: 50px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    height: 48px;
}
.cwj_tit2 {
    font-size: 55px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: bolder;
    text-align: center;
    height: 53px;
}
.cwj_tit3 {
    font-size: 61px;
    line-height: 24px;
    letter-spacing: 5px;
    color: #ffffff;
    height: 48px;
    font-weight: bold;
}

.cwj_tit4 {
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    color: #83a0ef;
    height: 21px;
    text-align: center;
}

.cwj_tit5 {
    font-size: 50px;
    color: #ffffff;
    height: 50px;
    text-align: center;
    font-weight: bolder;
}

.cwj_tit6{
    height: 27px;
    font-size: 28px;
    line-height: 45px;
    color: #ffffff;
    text-align: center;
}
.cwj_dian{
    width: 15px;
    height: 15px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    background-color: #ffffff;
}
.cwj_tit7{
    height: 28px;
    font-size: 30px;
    line-height: 45px;
    color: #ffffff;
}

.cwj_kuang{
    width: 62.5%;
    height: 143px;
    background-color: #004d91;
    border-radius: 10px;
    border: solid 4px #ffffff;
    opacity: 0.77;
    margin: 0 auto;
    margin-top: 34px;
}

.cwj_kuang_tit{
    line-height: 30px;
    color: #ffffff;
    font-size: 18px;
    height: 48px;
    width: 92%;
    margin: 35px auto;
}



/*除醛精灵新增*/
.bg_blue_wave {
    background: url(http://cdn.chuanglvjia.net/fairy/jl_wave.png) bottom center repeat-x #217eca;
    width: 100%;
    height: 500px;
}

#jl1 .tit1 {
    position: relative;
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 2px;
    color: #fefefe;
    margin-top: 100px;
}
#jl1 .tit2 {
    position: relative;
    font-size: 80px;
    font-weight: bold;
    line-height: 80px;
    color: #ffffff;
    margin-top: 20px;
}
#jl1 .tit3 {
    position: relative;
    font-size: 50px;
    line-height: 50px;
    color: #ffffff;
    margin-top: 20px;
}
#jl1 .tit4 {
    position: relative;
    color: #ffffff;
    margin-top: 30px;
}
#jl1 .tit4 .circle_s {
    position: relative;
    width: 86px;
    height: 86px;
    font-size: 22px;
    line-height: 30px;
    border: solid 1px #ffffff;
    text-align: center;
    border-radius: 50%;
    margin-right: 25px;
}
#jl1 .tit4 .circle_s .stit {
    margin-top: 12px;
}
.jl1img {
    position: relative;
    margin-top: -177px;
    margin-left: 702px;
    z-index: auto;
}
.jlradar {
    position: relative;
    margin-top: 110px;
    margin-left: 630px;
    z-index: 88;
}
.jlradarp2 {
    position: relative;
    margin-top: -86px;
    z-index: 87;
}
.jlradarp3 {
    position: relative;
    margin-top: -100px;
    z-index: 86;
}
.jlradarp4 {
    position: relative;
    margin-top: -104px;
    z-index: 85;
}

.jltech {
    position: relative;
    overflow: hidden;
    margin-bottom: 80px;
}
.jltech li {
    position: relative;
    width: 390px;
    float: left;
    text-align: center;
    border-right: 1px solid #dbdbdb;
}
.jltech li:last-child {
    border: none;
}
.jlt1 {
    position: relative;
    overflow: hidden;
    width: 56px;
    height: 56px;
    border: solid 1px #626262;
    border-radius: 50%;
    font-size: 28px;
    line-height: 56px;
    color: #2f2f2f;
    text-align: center;
    margin: 0 auto;
}
.jlt2 {
    position: relative;
    font-size: 24px;
    line-height: 24px;
    color: #555555;
    text-align: center;
    margin-top: 25px;
}
.jlt3 {
    position: relative;
    width: 325px;
    font-size: 14px;
    line-height: 28px;
    color: #434343;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}
.jl2bg {
    background: url(http://cdn.chuanglvjia.net/fairy/jl3.png) no-repeat center rgba(0,0,0,0.85);
    width: 100%;
    height: 735px;
}
.jl2tit, .jl2pro, .jl2eff {
    opacity: 0;
}
.jl2tit.animated, .jl2pro.animated, .jl2eff.animated {
    opacity: 1;
}
.jl2tit {
    position: relative;
    overflow: hidden;
    font-size: 30px;
    line-height: 50px;
    color: #e7e7e7;
    width: 560px;
    margin: 0 auto;
    margin-top: 60px;
}
.jl2pro {
    position: relative;
    margin-top: 55px;
}
.jl2pro img, .jl2eff img {
    display: inline-block;
}
.jl2eff {
    position: relative;
    margin-top: -185px;
}
.jl3tit, .jl3stit, .jl3tci_l, .jl3tci_r, .jl3arrdown, .jl3arrdown2, .jl3propic {
    opacity: 0;
}
.jl3tit.animated, .jl3stit.animated, .jl3tci_l.animated, .jl3tci_r.animated, .jl3arrdown.animated, .jl3arrdown2.animated, .jl3propic.animated {
    opacity: 1;
}
.jl3tit.btit {
    font-size: 42px;
    line-height: 50px;
    font-weight: bold;
}
.jl3stit.subtit {
    font-size: 20px;
    line-height: 30px;
}
.jl3t_con {
    position: relative;
    overflow: hidden;
    width: 1160px;
    margin: 0 auto;
    margin-top: 166px;
}
.jl3t_citem {
    position: relative;
    margin-bottom: 35px;
}
.jl3propic {
    position: relative;
    margin-bottom: 60px;
    margin-top: -58px;
    margin-left: -10px;
}
.jl3arrdown {
    position: relative;
    margin-top: -290px;
    z-index: 5;
    -webkit-animation: down_arrow_anim .8s infinite alternate ease-in;
    animation: down_arrow_anim .8s infinite alternate ease-in;
}
.jl3arrdown2 {
    position: relative;
    margin-top: -85px;
    z-index: 1;
    -webkit-animation: down_arrow_anim 1s infinite alternate ease-in;
    animation: down_arrow_anim 1s infinite alternate ease-in;
}
@-webkit-keyframes down_arrow_anim {
    to {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

@keyframes down_arrow_anim {
    to {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

.jl4bg {
    background: #217bc5;
    width: 100%;
    height: 490px;
    overflow: hidden;
}
.jl4con {
    position: relative;
    overflow: hidden;
    width: 950px;
    margin: 0 auto;
    margin-top: 100px;
}
.jl4item {
    position: relative;
    overflow: hidden;
    width: 470px;
}
.jl4tit {
    position: relative;
    font-size: 34px;
    line-height: 40px;
    letter-spacing: 3px;
    color: #ffffff;
    margin-top: 45px;
    font-weight: 300;
}
.jl4assert {
    position: relative;
    overflow: hidden;
    background: url(http://cdn.chuanglvjia.net/fairy/jl13.png) no-repeat left;
    background-size: 25px;
    width: 140px;
    font-size: 24px;
    line-height: 25px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 300;
    padding-left: 40px;
    margin-top: 20px;
}
.jl4item_l, .jl4item_r {
    opacity: 0;
}
.jl4item_l.animated, .jl4item_r.animated {
    opacity: 1;
}

.jl5tit, .jl5stit, .jl5pic {
    opacity: 0;
}
.jl5tit.animated, .jl5stit.animated, .jl5pic.animated {
    opacity: 1;
}
.jl5tit.btit {
    position: relative;
    font-size: 42px;
    line-height: 50px;
    font-weight: 300;
}
.jl5stit.subtit {
    position: relative;
    color: #0d0c1b;
    font-size: 28px;
    line-height: 36px;
    font-weight: bold;
}
.jl5pic {
    position: relative;
    margin-top: 70px;
    margin-bottom: 100px;
}


/*净化器租赁 rent bottom*/
.rent_bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90px;
    background: #0b63aa;
    z-index: 99999;
}
.rb_words {
    font-size: 30px;
    line-height: 90px;
    color: #fff;
}
.rb_inpt {
    display: block;
    outline: none;
    border: none;
    width: 180px;
    height: 40px;
    background: #fff;
    margin-left: 10px;
    margin-top: 25px;
    color: #a8a8a8;
    line-height: 40px;
    text-indent: 16px;
    font-size: 14px;
}
.rb_btn {
    display: block;
    outline: none;
    border: none;
    width: 180px;
    height: 40px;
    background: #42aeff;
    margin-left: 10px;
    margin-top: 25px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    transition: 0.3s all ease-in-out;
}
.rb_btn:hover {
    background: #f5f5f5;
    color: #197ed0;
}

.joinp_tit {
    font-size: 30px;
    line-height: 34px;
    font-weight: 500;
    color: #3f3e3e;
}
.joinp_stit {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    color: #757575;
}

.rent_list li {
    width: 266px;
    position: relative;
    overflow: hidden;
    float: left;
    text-align: center;
    margin-right: 44px;
}
.rent_list li:last-child {
    margin-right: 0px;
}
.rent_circle1 {
    margin: 0px auto;
    position: relative;
    overflow: hidden;
    display: block;
    width: 132px;
    height: 132px;
    background: #fff;
    border: solid 2px #079dfe;
    border-radius: 50%;
    text-align: center;
}
.rent_circle2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 116px;
    height: 116px;
    line-height: 116px;
    background: #cdebff;
    border-radius: 50%;
    margin: 6px auto;
    font-size: 30px;
    font-weight: bold;
    color: #0099ff;
}
.rent_words {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-top: 20px;
}

.rent1bg {
    height: 615px;
}

.rent2bg {
    position: relative;
    overflow: hidden;
    background: #dde0e7;
    margin-top: -197px;
    z-index: 2;
}
.bgf5 {
    background: #f5f5f5;
}
.rent4bg {
    position: relative;
    background: url(../img/rent/ut94.png) no-repeat center;
    width: 100%;
    height: 236px;
    margin-top: -55px;
    z-index: 2;
}
.rent5bg {
    background: url(../img/rent/ut95.png) no-repeat center #f7f6f4;
    width: 100%;
    height: 628px;
}
.rent6bg {
    width: 100%;
    height: 195px;
    background: #363432;
    position: relative;
    overflow: hidden;
}
.rent6_list li {
    position: relative;
    overflow: hidden;
    width: 298px;
    height: 195px;
    text-align: center;
    float: left;
    border-left: 1px solid #dbd2c8;
}
.rent6_list li:last-child {
    border-right: 1px solid #dbd2c8;
}
.rent6_list li .title {
    position: relative;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    color: #e0c8ac;
    margin-top: 40px;
}
.rent6_list li .words {
    position: relative;
    margin: 0px auto;
    margin-top: 24px;
    width: 197px;
    font-size: 14px;
    line-height: 28px;
    color: #b9b4b2;
}
.rent_price {
    font-size: 26px;
    line-height: 26px;
    color: #444;
}

.rent_plist li {
    position: relative;
    overflow: auto;
    float: left;
    width: 298px;
    border-right: 1px solid #c6c6c6;
    text-align: center;
}
.rent_plist li:last-child {
    border-right: none;
}
.rent_plist li .num {
    font-size: 110px;
    line-height: 111px;
    color: #000000;
    font-weight: 300;
    margin-left: 60px;
}
.rent_plist li .param {
    font-size: 16px;
    line-height: 32px;
    color: #616161;
    margin-top: 70px;
}
.rent_plist li .note {
    font-size: 16px;
    line-height: 32px;
    color: #444444;
}

.rent_alist li {
    width: 375px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 36px;

}
.rent_alist li:last-child {
    margin-right: 0px;
}
.rent_alist li .pic {
    width: 375px;
    height: 223px;
    overflow: hidden;
}
.rent_alist li .title {
    font-size: 20px;
    line-height: 34px;
    color: #444444;
    margin-top: 10px;
}
.rent_alist li .words {

    font-size: 14px;
    line-height: 24px;
    color: #7a7a7a;
}
.rent7bg {
    background: #e0e1e5;
    width: 100%;
}



/*推荐问题*/
.problem{
    width: 1120px;
    margin: 40px auto 0;
}
.problem_left{
    width: 755px;
}
.problem_left_top{
    border-bottom: 1px solid #cccccc;
    padding: 14px 0;
}
.problem_title{
    font-family: MicrosoftYaHei;
    font-size: 24px;
    font-weight: normal;
    font-weight: 500;
    height: 25px;
    line-height: 24px;
    font-stretch: normal;
    border-left:2px solid #1e62b5 ;
    padding-left:11px ;
    letter-spacing: 1px;
    color: #333333;
}
.problem_more{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 1px;
    color: #646464;
}
.problem_left_nei ul .lili{
    height: 49px;
    line-height: 49px;
    border-bottom: 1px solid #e5e5e5;
}
.problem_left_nei ul .lili a{
    color: #333333;
    font-size: 14px;
}
.problem_left_nei ul .lili span{
    color: #a3a3a3;
}

.problem_right .mon{
    width: 330px;
    height: 436px;
    background-color: #c1e3fe;
}
.mon_title{
    width: 100%;
    text-align: center;
    font-family: HYYaKuHeiW;
    font-size: 40px;
    font-weight: 600;
    padding-top: 32px;
    font-style: italic;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
}
.mon_bt{
    font-family: SourceHanSansCN-Normal;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    text-align: center;
    font-stretch: normal;
    line-height: 46px;
    letter-spacing: 0px;
    color: #3a3a3a;
}
.input_mon{
    width: 290px;
    height: 46px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    margin-left: 20px;
    line-height: 110px;
    text-indent: 1rem;
    letter-spacing: 1px;
    color: #848484;
    margin-top: 10px;
    border: 0;
}

#city4 select{
    width: 90px;
    height: 46px;
    color: #848484;
    font-size: 14px;
    border: 0;
    margin-left: 20px;
    margin-top: 10px;
    text-indent: 1rem;
    background-color: #ffffff;
}
.mon_but{
    width: 290px;
    height: 46px;
    background-color: #ff552e;
    margin: 0 auto;
    color: #ffffff;
    line-height: 46px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    border: 0;
    margin: 10px 0 0 20px;
}
.mon_sq{
    width: 100%;
    text-align: center;
    font-family: SourceHanSansCN-Regular;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    margin-top:20px ;
    color: #575757;
}

.recom_title{
    font-family: MicrosoftYaHei;
    font-size: 20px;
    font-weight: normal;
    height: 90px;
    line-height: 110px;
    font-stretch: normal;
    letter-spacing: 0px;
    border-bottom: 1px solid #cccccc;
    color: #333333;
}
.recom_title span{
    padding:28px 0 20px 0;
    border-bottom: 2px solid #1e62b5;;
}
.recom_li {
    border-bottom: 1px solid  #e5e5e5;
    height: 40px;
    line-height: 40px;
}
.recom_li  a{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #333;
}
.recom_li a span{
    color: #cccccc;
    margin: 0 5px;
    font-weight: 600;
}
.recom_bq{
    display: inline-block;
    margin-top: 20px;
    width: 330px;
}
.recom_bq a{
    float: left;
    background-color: #eeeeee;
    display: block;
    position: relative;
    overflow: hidden;
    padding: 2px 18px;
    line-height: 28px;
    text-align: center;
    color: #333333;
    font-size: 14px;
    transition: 0.2s all ease-in;
    margin-right: 10px;
    margin-bottom: 10px;

}
.recom_bq a:hover{
    background-color: #2588d9;
    color: white;
}


/*推荐问题内页*/
.answer_title{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height:40px;
    letter-spacing: 1px;
    color: #333333;
}
.answer_set_left{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 1px;
    color: #666666;
}
.answer_set2{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 1px;
    color: #666666;
    margin-right: 30px;
}
.answer_ner{
    font-size: 14px;
    width: 755px;
    font-weight: normal;
    font-stretch: normal;
    line-height:25px;
    margin: 30px 0;
    letter-spacing: 1px;
    color: #333333;
}
.answer_cn2{
    width: 755px;
    background: #fff9ee;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
}
.answer_cn_3{
    width: 685px;
    font-size: 14px;
    margin-left: 50px;
    line-height: 30px;
    color: #656565;
}
.answer_cs{
    padding-bottom: 30px;
}
.line_20{
    width: 100%;
    height: 20px;
}

.answer_choose{
    width: 126px;
    height: 31px;
    line-height: 31px;
    background-color: #ffffff;
    border-radius: 16px;
    border: solid 1px #dcdcdc;
    margin-left: 46px;
    color:  #9fadc7;
}
.like{
    margin-left: 19px;
    cursor: pointer;
}
.like span{
    font-size: 13px;
}
.hate{
    margin-left: 19px;
    cursor: pointer;
}
.hate span{
    font-size: 13px;
}
.answer_time{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #959494;
    margin-right: 35px;
}
.tjcp{
    height: 110px;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 110px;
    letter-spacing: 1px;
    color: #333333;
}
.tjcp_tu{
    margin-right: 25px;
}
.tjcp_tu:nth-child(3){
    margin-right: 0;
}
.tjcp_tu p{
    font-size: 14px;
    width: 100%;
    text-align: center;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 1px;
    color: #000000;
}

.answer_other_answer{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    margin:40px 0  20px 0;
    letter-spacing: 0px;
    color: #333333;
}
.answer_name{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #959494;
}
.answer_cs2{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

/*除醛plus*/
.plus_content{
    width: 1128px;
    margin: 0 auto;
}
.plus_content_3{
    width: 1055px;
    margin: 0 auto;
}

.plus_1{
    background: url(../img/plus/utpure_plus_1.jpg) center no-repeat;
    width: 100%;
    height: 819px;
}
.utp01{
    font-family: FZLTZHK--GBK1-0;
    font-size: 65px;
    font-weight: 500;
    font-stretch: normal;
    line-height: 59px;
    letter-spacing: 0px;
    color: #3366cc;
    padding-top: 150px;
}
.utp02{
    font-family: FZLTHJW--GB1-0;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 59px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 20px;
}

.plus_2{
    height: 284px;
    background: url(../img/plus/utpure_plus_2.jpg) center no-repeat;
    background-color: #3d6ab1;
    width: 100%;
}
.plus_2 ul li{
    float: left;
    font-family: FZLTZHK--GBK1-0;
    font-size: 24px;
    font-weight: normal;
    width: 144px;
    margin: 190px 47px 0px 5px;
    text-align: center;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
.plus_2 ul li:nth-child(6){
    margin:190px 0 0 0;
}

.plus_3{
    background: url(../img/plus/utpure_plus_3.jpg) center no-repeat;
    width: 100%;
    height: 896px;
}
.utp_3_1{
    font-family: FZLTDHK--GBK1-0;
    font-size: 80px;
    font-weight: 600;
    font-stretch: normal;
    text-align: center;
    line-height: 250px;
    height: 200px;
    letter-spacing: 0px;
    color: #3366cc;
}
.utp_3_2{
    font-family: FZLTZHK--GBK1-0;
    font-size: 66px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    margin-top: 140px;
    height: 60px;
    line-height: 60px;
    color: #3d6ab1;
}
.utp_3_3{
    font-family: FZLTZHK--GBK1-0;
    font-size: 60px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    height: 90px;
    line-height: 90px;
    color: #333333;
}
.utp_3_4{
    font-family: FZLTZHK--GBK1-0;
    font-size: 30px;
    font-weight: normal;
    height: 68px;
    margin-left: 25px;
    line-height: 68px;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}
.utp_3_4 span{
    color: #3366cc;
}
.utp_3_5{
    font-family: FZLTHJW--GB1-0;
    font-size: 21px;
    font-weight: normal;
    width: 432px;
    margin-top: 5px;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #333333;
}
.plus_3{
    background: url(../img/plus/utpure_plus_3.jpg) center no-repeat;
    width: 100%;
    height: 896px;
}

.plus_4{
    background: url(../img/plus/utpure_plus_4.jpg) center no-repeat;
    width: 100%;
    height: 917px;
}
.plus_4_1{
    font-family: FZLTZHK--GBK1-0;
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    height: 50px;
    padding-top: 164px;
    margin-left: 567px;
    letter-spacing: 0px;
    color: #333333;
}
.plus_4_2{
    font-family: FZLTZHK--GBK1-0;
    font-size: 60px;
    font-weight: normal;
    font-stretch: normal;
    margin-left: 567px;
    letter-spacing: 0px;
    color: #333333;
}
.plus_4_3{
    font-family: FZLTZHK--GBK1-0;
    font-size: 30px;
    margin-left: 600px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #333333;
    height: 55px;
    line-height: 55px;
}
.plus_4_4{
    font-family: FZLTHJW--GB1-0;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333333;
    margin-left: 567px;
    width: 366px;
    margin-top: 5px;
}

.plus_5{
    background: url(../img/plus/utpure_plus_5.jpg) center no-repeat;
    width: 100%;
    height: 911px;
}
.plus_5_1{
    font-family: FZLTZHK--GBK1-0;
    font-size: 50px;
    font-weight: normal;
    padding-top: 95px;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}
.plus_5_2{
    font-family: FZLTZHK--GBK1-0;
    font-size: 60px;
    font-weight: normal;
    font-stretch: normal;
    height: 60px;
    line-height: 60px;
    letter-spacing: 0px;
    color: #333333;
}
.plus_5_3{
    font-family: FZLTZHK--GBK1-0;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 46px;
    letter-spacing: 0px;
    color: #333333;
}
.plus_5_4{
    width: 634px;
    font-family: FZLTHJW--GB1-0;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 0px;
    color: #333333;
}

.plus_6{
    background: url(../img/plus/utpure_plus_6.jpg) center no-repeat;
    width: 100%;
    height: 978px;
}
.plus_6_1{
    font-family: FZLTDHK--GBK1-0;
    font-size: 80px;
    font-weight: 600;
    font-stretch: normal;
    text-align: center;
    line-height: 250px;
    height: 200px;
    letter-spacing: 0px;
    color: #3366cc;
}
.plus_6_2{
    font-family: FZLTZHK--GBK1-0;
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
    margin-top: 64px;
    letter-spacing: 0px;
    color: #333333;
}
.plus_6_3{
    font-family: FZLTZHK--GBK1-0;
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
    line-height: 39px;
    letter-spacing: 0px;
    margin-top: 5px;
    color: #333333;
}
.plus_6_4{
    font-family: FZLTHJW--GB1-0;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
    margin-top: 28px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
}
.plus_6_5{
    width: 272px;
    font-family: FZLTHJW--GB1-0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    float: right;
    margin-top: 190px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #414141;
}

.plus_7{
    background: url(../img/plus/utpure_plus_7.jpg) center no-repeat;
    width: 100%;
    height: 1219px;
}
.plus_7_1{
    font-family: FZLTZHK--GBK1-0;
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    padding-top: 88px;
    text-align: center;
    letter-spacing: 0px;
    color: #333333;
}
.plus_7_2{
    font-family: FZLTZHK--GBK1-0;
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
    margin-top: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
}
.plus_7_3{
    width: 942px;
    margin: 0 auto;
    font-family: FZLTHJW--GB1-0;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    text-align: center;
    margin-top: 30px;
    letter-spacing: 0px;
    color: #333333;
}

.plus_8{
    background: url(../img/plus/utpure_plus_8.jpg) center no-repeat;
    width: 100%;
    height: 1230px;
}
.plus_8_1{
    font-family: FZLTDHK--GBK1-0;
    font-size: 65px;
    text-indent: -3rem;
    font-weight: 600;
    font-stretch: normal;
    padding-top: 105px;
    letter-spacing: 0px;
    color: #3366cc;
    text-align: center;
}

.plus_9{
    width: 100%;
}
.plus_9_left_h3{
    font-family: FZLTXHK--GBK1-0;
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    margin-bottom: 47px;
    color: #333333;
}
.plus_9_left_p{
    font-family: FZLTHJW--GB1-0;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 43px;
    width: 735px;
    letter-spacing: 0px;
    color: #333333;
    border-bottom: 1px solid #cccccc;
}



/*企业文化*/
.line_75{
    width: 100%;
    height: 75px;
}
.culture_main_1{
    background-color: #f3f3f3;
}
.culture_title{
    font-family: MicrosoftYaHei;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    text-align: center;
    padding-top: 72px;
    letter-spacing: 0px;
    color: #333333;
}
.culture_eng{
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #999999;
    text-align: center;
    margin-top: 13px;
}
.culture_main{
    margin-top: 75px;
}
.culture_main_left{
    width: 50%;
}
.culture_main_right{
    width: 50%;
}
.culture_1{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #285691;
}
.culture_2{
    width: 61px;
    height: 3px;
    background-color: #285691;
    margin-top: 10px;
}
.culture_3{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #285691;
    margin-top: 16px;
}
.culture_4{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #285691;
    margin-top: 5px;
}
.culture_5{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 30px;
}
.culture_6{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #5c5c5c;
    margin-top: 10px;
}

.culture_7{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #5c5c5c;
    margin-top: 10px;
}

.culture_title_2{
    font-family: FZLTDHK--GBK1-0;
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #285691;
    text-align: center;
    margin-top: 79px;
}

.culture_xan{
    width: 61px;
    height: 3px;
    background-color: #285691;
    margin: 8px auto 0;
}
.culture_8{
    margin-bottom: 36px;
}
.culture_9{
    margin-bottom: 35px;
}
.culture_9_left{
    font-family: MicrosoftYaHei;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    width: 38px;
    height: 38px;
    background-color: #134489;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
}
.culture_9_right{
    margin-left:12px ;
}
.culture_10{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #444444;
    line-height: 21px;
}
.culture_11{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #999999;
}

/*加盟*/
.join_1_img{
    position: relative;
}
.join_1_title{
    position: absolute;
    font-family: MicrosoftYaHei;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    top: 80px;
    left: 363px;
}
.join_1_eng{
    position: absolute;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    top: 125px;
    left: 348px;
<<<<<<< HEAD

}

.join_1_2{
    margin-top: 62px;
}
.join_1_2_left{
    width: 50px;
    height: 50px;
    background-color: #1872d7;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
    letter-spacing: 0px;
    color: #ffffff;
    border-radius:50% ;
}
.join_1_2_right{
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 0px;
    color: #000000;
    margin-right: 5px;
}
.join_1_3{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 25px;
}

.join_1_pct{
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #fb6d34;
}
.join_1_pcts {
    width: 339px;
    height: 9px;
    background-color: #cdcdcd;
    border-radius: 5px;
}
.join_1_pcts_x{
    width: 15%;
    height: 9px;
    background-color: #58a7ff;
    border-radius: 5px;
}
























.join_1_2{
    margin-top: 62px;
}
.join_1_2_left{
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #1872d7;
text-align: center;
font-size: 26px;
letter-spacing: 0px;
color: #ffffff;
border-radius:50% ;
}
.join_1_2_right{
    font-size: 24px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    letter-spacing: 0px;
    color: #000000;
    margin-left: 15px;
}
.join_1_3{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 25px;
}
.join_1_4_left{
    margin-top: 25px;
}
.join_1_4_right{
    margin-top: 25px;
}
.join_1_pct{
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    letter-spacing: 0px;
    color: #fb6d34;
}
.join_1_pcts {
    width: 339px;
    height: 9px;
    background-color: #cdcdcd;
    border-radius: 5px;
    margin-top: 16px;
    margin-left: 10px;
}
.join_1_pcts_x{
    width: 15%;
    height: 9px;
    background-color: #58a7ff;
    border-radius: 5px;
}

.join_1_t{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 15px;
}
.join_1_tpic{
    margin-top: 30px;
}



.join_1_5_title{
    margin-top: 48px;
}
.join_1_5_left , .join_1_5_right {
    width: 398px
}
.join_1_6{
    color: #000000;
    font-size: 14px;
    margin-top: 30px;
    height: 112px;
    line-height: 28px;
}
.join_1_7{

}
.line_1_x{
    width: 100%;
    height: 1px ;
    background: #b2b2b2;
}
.line_1_7{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
}

.join_2_1{
    color: #1872d7;
    font-size: 34px;
    font-family: FZLTDHK--GBK1-0;
    margin-top: 50px;
    font-weight: 600;
}
.join_2_2{
    color: #3d3d3d;
    font-size: 28px;
    margin-top: 10px;
}
.join_2_3{
    width: 459px;
    height: 60px;
    background-color: #2d98e4;
    border-radius: 30px;
    margin-top: 53px;
}
.join_2_3_left{
    width: 60px;
    height: 60px;
    background-color: #1872d7;
    color: #ffffff;
    border-radius: 30px;
    line-height: 60px;
    text-align: center;
    font-size: 31px;
}
.join_2_3_right{
    font-family: MicrosoftYaHei;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-left: 15px;
}


.swiper-join2 {
    width: 100%;
    height: 300px;
    margin: 20px auto;
}
.swiper-join2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}
.swiper-join2 .join2-pagination{
    text-align: center !important;
}
.join_2_4{
    position: absolute;
    color: #ffffff;
    font-size: 24px;
}

.swiper-pagination-bullet{
    width: 12px !important;
    height: 12px !important;
}

.join_2_5_right{
    margin-left: 56px;
    width: 475px;
}

.join_2_5_title , .join_2_6_title{
    font-size: 24px;
    letter-spacing: 0px;
    color: #1872d7;
    margin-top: 10px;
}
.join_2_5_con , .join_2_6_con{
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #444444;
    margin-top: 25px;
}
.line_60{
    width:100%;
    height: 60px;
}
.join_2_6_con{
    width: 477px;
}
.join_2_6_right {
    margin-left: 48px;
}

.join_3_1{
    font-family: MicrosoftYaHei-Bold;
    font-size: 31px;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #2e2e2e;
    font-weight: 600;
    margin-top: 50px;
}
.join_3_2{
    width: 484px;
    height: 41px;
    background-color: #1675c2;
    border-radius: 21px;
    color: white;
    font-size: 24px;
    line-height: 41px;
    margin-top: 10px;
    text-align: center;
}
.join_3_3{
    color: #2e2e2e;
    font-size: 32px;
    font-weight: 600;
    margin-top: 68px;
    margin-bottom: 27px;
}
.line_50{
    width: 100%;
    height: 50px;
}

.join_3_5_title{
    width: 197px;
    height: 44px;
    background-color: #1675c2;
    border-radius: 22px;
}
.join_3_5_title_1{
    width: 43px;
    height: 43px;
    background-color: #2588d9;
    border-radius: 22px;
    color: #ffffff;
    font-size: 24px;
    line-height: 43px;
    text-align: center;

}
.join_3_5_title_2{
    color: #ffffff;
    font-size: 24px;
    margin-left: 22px;
    line-height: 43px;
    text-align: center;
}


.join_4_1{
    background: url(../img/join/join_4_2.jpg);
    width: 850px;
    height: 299px;
    margin-top: 96px;
}
.join_4_2 li{
    float: left;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #3f3f3f;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    margin-left: 23px;
    margin-top: 75px;
    margin-right: 69px;
}
.join_4_2 li:nth-child(5){
    margin-right: 0px;
}
.join_4_3{
    background: url(../img/join/join_4_3.jpg);
    width: 850px;
    height: 1356px;
    margin-top: 96px;
}
.join_4_4{
    font-family: MicrosoftYaHei;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 0px;
    color: #000000;
    margin-left: 139px;
}
.join_4_5{
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #464646;
    width: 555px;
    margin-left: 139px;
    margin-top: 10px;
}

.pad_top_16{
    padding-top: 16px;

}
.mar_top_75{
    margin-top: 75px;
}
.mar_top_60{
    margin-top: 60px;
}
.mar_top_105{
    margin-top: 105px;
}

.join_5_1{
    font-size: 30px;
    letter-spacing: 0px;
    color: #323232;
    margin-top: 80px;
}
.join_5_2{
    font-family: FZLTXHK--GBK1-0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #6d6d6d;
    margin-top: 20px;
}
.join_5_3{
    margin-top: 5px;
}
.join_5_4{
    background: url(../img/join/join_5_3.jpg) no-repeat;
    width: 850px;
    height: 229px;
    background-size: 100%;
    margin-top: 60px;
}

.join_5_5{
    font-family: MicrosoftYaHei;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #282828;
    margin-left: 190px;
    padding-top: 41px;
}
.join_5_6{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #858585;
    margin-top: 1px;
    width: 476px;
    margin-left: 190px;
}
.join_5_7{
    background: url(../img/join/join_5_4.jpg) no-repeat;
    width: 850px;
    height: 607px;
    background-size: 100%;
    margin-top: 60px;
}
.pad_top_20{
    padding-top: 24px;
}
.join_5_8{
    background: url(../img/join/join_5_5.jpg) no-repeat;
    width: 850px;
    height: 399px;
    background-size: 100%;
    margin-top: 60px;
}

.join_6_1{
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #525151;
    margin-top: 50px;
}
.join_6_2{
    font-size: 30px;
    margin-top: 55px;
    letter-spacing: 0px;
    color: #323232;
}


.join_6_3_left{
    width: 30px;
    height: 30px;
    background-color: #1970d1;
    border-radius: 30px;
    font-family: FZLTZHK--GBK1-0;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
}
.join_6_3_right{
    font-size: 14px;
    line-height: 30px;
    margin-left: 14px;
    letter-spacing: 0px;
    color: #323232;
}
.join_table_1{
    color: white;
    font-size: 20px;
}
.join6-table{
    border: 1px solid #d2d2d2;
}
.join6-table td{
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
}

.join_table_2{
    width: 90px;
    height: 26px;
    background-color: #1675c2;
    border-radius: 13px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ffffff;
    margin: 0 auto;
}

.join_6_4{
    font-family: FZLTXHK--GBK1-0;
    font-size: 14px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #585858;
}

/*UP-AIR-BOX-RED*/
.air_box_red{
    background: url(/frontsrc/img/boxRed/bg_1.jpg) bottom center repeat-x #217eca;
    width: 100%;
    height: 706px;
}
.box_red_title{
    font-family: SourceHanSansCN-Normal;
    font-size: 40px;
    color: rgba(36, 36, 36, 1);
    text-align: center;
    height: 38px;
    line-height: 38px;
    margin-top: 79px;
}
.box_red_title2{
    font-family: MicrosoftYaHei;
    font-size: 55px;
    color: rgba(57, 57, 57, 1);
    text-align: center;
    height: 55px;
    line-height: 55px;
    margin-top: 20px;
}
.box_red_title3{
    font-family: FZLTXHK--GBK1-0;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin-top: 15px;
    color: rgba(51, 51, 51, 1);
    text-align: center;
}
.box_red_img1{
    text-align: center;
    margin-top: 70px;
    margin-left: 102px;
}

.air_box_red2{
    background: url(/frontsrc/img/boxRed/bg_2.jpg) bottom center repeat-x #217eca;
    width: 100%;
    height: 802px;
}
.box_red_xq{
    line-height: 42px;
    height: 42px;
    font-family: MicrosoftYaHei;
    font-size: 42px;
    color: #f3f3f3;
    text-align: center;
    margin-top: 98px;
}

.center{
    text-align: center;
}
.box_red_xq2{
    line-height: 21px;
    height: 21px;
    font-family: MicrosoftYaHei;
    font-size: 20px;
    color: #bfbebe;
    text-align: center;
    margin-top: 21px;
}
.box_red_xq3{
    width: 716px;
    margin: 0 auto;
    margin-top: 53px;
}
.box_red_xq4{
    text-align: center;
    margin-top: 10px;
}
.box_red_xq3 div{
    border-right: 1px solid #683f3f;
    padding: 0 45px;
}
.box_red_xq3 div:nth-child(4){
    border-right: 0px;
}
.box_red_xq3 img{
    height: 62px;
}
.box_red_xq3_tit{
    color: #dedede;
    line-height: 22px;
    margin-top: 10px;
    height: 22px;
    font-family: MicrosoftYaHei;
    font-size: 22px;
}
.box_red_nm{
    line-height: 45px;
    height: 45px;
    font-family: FZLTXHK--GBK1-0;
    font-size: 47px;
    color: #333333;
    margin-top: 81px;
    text-align: center;
}
.box_red_nm2{
    line-height: 43px;
    height: 43px;
    color: #333333;
    font-family: MicrosoftYaHei-Bold;
    font-size: 43px;
    text-align: center;
    margin-top: 13px;
    font-weight: 600;
}
.box_red_nm3{
    font-family: FZLTXHK--GBK1-0;
    font-size: 16px;
    line-height: 30px;
    margin-top: 34px;
    color: #333333;
    text-align: center;
}
.box_red_img6{
    text-align: center;
    margin-top: 40px;
}

.box_red_nm_f{
    width: 229px;
    border-right: 1px solid #cacaca;
}
.box_red_nm_f:nth-child(3){
    border-right:0;
}
.box_red_nm4{
    width:690px ;
    margin: 60px auto 80px;
}
.box_red_nm4_tit1_num{
    border: solid 1px #3e3e3e;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #343434;
    font-size: 29px;
    display: inline-block;
    margin-right: 7px;
}
.box_red_nm4_tit1{
    font-size: 36px;
    text-align: center;
    color: #333333;
    height: 35px;
    line-height: 35px;

}
.box_red_nm4_tit2{
    font-family: MicrosoftYaHeiLight;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    letter-spacing: -1px;
    text-align: left;
    margin-top: 16px;
    margin-left: 55px;
}

.ls_an, .ls_an2, .ls_an3, .ls_an4, .ls_le, .ls_le2, .ls_an2_vita_left, .ls_an2_vita_right, .vi_an2, .vi_le2, .vi_an4, .vi_an5{
    opacity: 0;
}
.ls_an.animated, .ls_an2.animated, .ls_an3.animated, .ls_an4.animated, .ls_le.animated, .ls_le2.animated, .ls_an2_vita_left.animated, .ls_an2_vita_right.animated, .vi_an2.animated, .vi_le2.animated, .vi_an4.animated, .vi_an5.animated{
    opacity: 1;
}



.air_box_red3{
    background: url(/frontsrc/img/boxRed/bg_3.jpg) bottom center repeat-x;
    width: 100%;
    height: 752px;
}
.box_red_js{
    font-family: MicrosoftYaHei;
    font-size: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin-top: 89px;
    color: white;
}
.box_red_js2{
    line-height: 20px;
    height: 20px;
    font-family: FZLTXHK--GBK1-0;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin-top: 21px;
}
.box_red_js3{
    text-align: center;
    margin-top: 65px;
}
.box_red_five{
    line-height: 34px;
    height: 34px;
    font-family: ArialMT;
    font-size: 34px;
    margin-top: 100px;
    color: white;
    text-align: center;
}
.box_red_five2{
    line-height: 40px;
    height: 40px;
    font-family: FZLTZHK--GBK1-0;
    font-size: 42px;
    color: white;
    text-align: center;
    margin-top: 20px;
}
.box_red_five3{
    height: 50px;
    font-family: FZLTXHK--GBK1-0;
    font-size: 16px;
    line-height: 28px;
    color: white;
    margin-top: 20px;
    text-align: center;
}
.box_red_five4{
    text-align: center;
}

/*VITA*/
.vita_1{
    background: url(/frontsrc/img/vita/bg_1.jpg) bottom center repeat-x;
    width: 100%;
    height: 764px;
}
.vita_title{
    line-height: 39px;
    height: 39px;
    font-family: FZLTDHK--GBK1-0;
    color: #ffffff;
    font-weight: 600;
    margin-top: 126px;
    font-size: 47px;
}
.vita_title2{
    letter-spacing: 26px;
    color: #ffffff;
    height: 33px;
    line-height: 33px;
    font-family: FZLTXHK--GBK1-0;
    font-size: 34px;
    margin-top: 10px;
}
.vita_title3{
    height: 66px;
    line-height: 66px;
    font-family: FZLTZHK--GBK1-0;
    font-size: 69px;
    font-weight: 600;
    margin-top: 50px;
    color: white;
    letter-spacing: 1px;
}
.vita_title4{
    height: 36px;
    line-height: 36px;
    font-family: FZLTXHK--GBK1-0;
    font-size: 37px;
    color: white;
    margin-top: 20px;
}
.vita_title5{
    margin-top: 144px;
}
.vita_title5 ul li{
    text-align: center;
    font-family: FZLTZHK--GBK1-0;
    font-size: 32px;
    line-height: 25px;
    color: white;
    padding: 0 46px;
}
.vita_title5 ul li span {
    font-size: 21px;
}
.vita_img1{
    margin-top: 200px;
}
.vita_img1 img{
    width: 500px;
}


.vita_2{
    background: url(/frontsrc/img/vita/bg_2.jpg) bottom center repeat-x;
    width: 100%;
    height: 714px;
}
.vita_2_title{
    height: 40px;
    line-height: 40px;
    margin-top: 95px;
    font-family: FZLTZHK--GBK1-0;
    font-size: 42px;
    color: black;
    text-align: center;
}
.vita_2_title2{
    height: 51px;
    margin-top: 10px;
    line-height: 51px;
    font-family: FZLTZHK--GBK1-0;
    font-size: 24px;
    color: #333333;
    text-align: center;
}
.vita_2_title3{
    font-size: 20px;
    text-align: center;
    color: #333333;
}
.vita_img2{
    text-align: center;
    margin-top: 115px;
    margin-left:342px;
}


.vita_3{
    background: url(/frontsrc/img/vita/bg_3.jpg) bottom center repeat-x;
    width: 100%;
    height: 593px;
}
.vita_3_title {
    height: 57px;
    font-family: MicrosoftYaHei;
    font-size: 25px;
    color: #ffffff;
    margin-top: 120px;
}
.vita_3_title2{
    height: 42px;
    line-height: 42px;
    font-family: FZLTZHK--GBK1-0;
    font-size: 42px;
    color: white;
    margin-top: 16px;
}
.vita_3_title3{
    line-height: 18px;
    color: white;
    margin-top:14px;
    height: 18px;
    font-family: FZLTHJW--GB1-0;
    font-size: 21px;
}
.vita_3_title4{
    margin-top: 82px;
}
.vita_3_title4 ul li{
    margin-right: 23px;
}
.vita_img3{
    margin-top: 130px;
}

.vita_4{
    background: url(/frontsrc/img/vita/bg_4.jpg) bottom center repeat-x;
    width: 100%;
    height: 665px;
}
.vita_4_title{
    height: 33px;
    line-height: 33px;
    color: #2b2b2b;
    margin-top: 80px;
    font-family: FZLTHJW--GB1-0;
    font-size: 42px;
    text-align: center;
}
.vita_4_title2 {
    height: 42px;
    font-family: FZLTZHK--GBK1-0;
    font-size: 42px;
    font-weight: bold;
    color: #2b2b2b;
    margin-top: 18px;
    text-align: center;
}
.vita_4_title3{
    height: 16px;
    line-height: 16px;
    margin-top: 13px;
    color: #000000;
    font-family: FZLTXHK--GBK1-0;
    font-size: 15px;
    text-align: center;
    letter-spacing: 1.2px;
}
.vita_img4{
    text-align: center;
    margin-top: 180px;
    margin-left: 270px;
}
@keyframes switch {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
    }
}
.banner_zx{
    position: absolute;
    color: white;
    transform: translate(-50%, -50%);top: 85%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 197px;
    animation: switch 1.5s ease-out infinite;
    transition: 0.3s all ease-in-out;
    height: 50px;
    background-image: linear-gradient(0deg,
    #e8e8e8 0%,
    #ffffff 100%),
    linear-gradient(
            #ffffff,
            #ffffff);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 0px 10px 0px
    rgba(64, 0, 142, 0.3),
    inset 2px 3px 5px 0px
    rgba(113, 24, 231, 0.35);
    border-radius: 25px;
}

.banner_a{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    letter-spacing: 0px;
    color: #5d0ad1;
}



@keyframes scaleToggleOne {
0 {
    transform: scale(1);
    -webkit-transform: scale(1)
}

50% {
    transform: scale(2);
    -webkit-transform: scale(2)
}

100% {
    transform: scale(1);
    -webkit-transform: scale(1)
}
}

@keyframes scaleToggleTwo {
0 {
    transform: scale(1);
    -webkit-transform: scale(1)
}

20% {
    transform: scale(1);
    -webkit-transform: scale(1)
}

60% {
    transform: scale(2);
    -webkit-transform: scale(2)
}

100% {
    transform: scale(1);
    -webkit-transform: scale(1)
}
}

@keyframes scaleToggleThree {
0 {
    transform: scale(1);
    -webkit-transform: scale(1)
}

33% {
    transform: scale(1);
    -webkit-transform: scale(1)
}

66% {
    transform: scale(2);
    -webkit-transform: scale(2)
}

100% {
    transform: scale(1);
    -webkit-transform: scale(1)
}
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.prom-service {
    position: fixed;
    bottom: 60px;
    cursor: pointer;
    left: 40px;
    z-index: 666;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transition: all 1s cubic-bezier(0.86,0,0.07,1);
    transition: all 1s cubic-bezier(0.86,0,0.07,1)
}
.prom-service.hide {
    display: none;
}
.prom-service.animated {
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px)
}
.prom-service-kf {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 6;
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(35,50,56,0.3);
}
.prom-service-kf img {
    width: 80px;
    max-width: 80px;
}
.prom-service-word {
    z-index: 2;
    background-image: url(/frontsrc/img/online-pop.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 158px;
    height: 40px;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    font-size: 13px;
    text-align: left;
    text-indent: 22px;
    font-family: PingFangSC-Semibold;
    left: -300px;
    margin-top: -52px;
    -webkit-transition: all .3s cubic-bezier(0.86,0,0.07,1);
    transition: all .3s cubic-bezier(0.86,0,0.07,1);
}
.prom-service:hover .prom-service-word {
    left: 78px;
}




.prom-service .animated-circles {
    position: absolute;
    top: 0;
    z-index: -1;
}

.prom-service .animated-circles .circle {
    background: rgba(52, 185, 194,0.25);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    transform: scale(1);
    -webkit-transform: scale(1);
    z-index: -1;
}
.prom-service .animated-circles.animated .c-1 {
    animation: 2000ms scaleToggleOne cubic-bezier(0.25,0.46,0.45,0.94) forwards
}
.prom-service .animated-circles.animated .c-2 {
    animation: 2500ms scaleToggleTwo cubic-bezier(0.25,0.46,0.45,0.94) forwards
}
.prom-service .animated-circles.animated .c-3 {
    animation: 3000ms scaleToggleThree cubic-bezier(0.25,0.46,0.45,0.94) forwards
}

.prom-service .animated-circles.animated-infinite .c-1 {
    animation: 2000ms scaleToggleOne cubic-bezier(0.25,0.46,0.45,0.94) infinite;
}
.prom-service .animated-circles.animated-infinite .c-2 {
    animation: 2500ms scaleToggleTwo cubic-bezier(0.25,0.46,0.45,0.94) infinite
}
.prom-service .animated-circles.animated-infinite .c-3 {
    animation: 3000ms scaleToggleThree cubic-bezier(0.25,0.46,0.45,0.94) infinite
}





.dls_true{
    position: fixed;
    bottom: 220px;
    left: 40px;
    width:80px;
    height: 80px;
    z-index: 10000000;
    background-size: 80px;
}
.dls_tu{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: url(/frontsrc/img/true_2.png) no-repeat;
    background-size: cover;
    transition: all 0.25s cubic-bezier(0.615, 0.19, 0.305, 0.91);
    cursor: pointer;
    z-index: 9999;
}

.dls_tu:hover {
    animation: bounce .75s linear both;
    background: url(/frontsrc/img/true_2.png) no-repeat;
    background-size: cover;
}
@keyframes bounce{
    0%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    3.4%{-webkit-transform:matrix3d(1.032, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.032, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    4.7%{-webkit-transform:matrix3d(1.045, 0, 0, 0, 0, 1.06, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.045, 0, 0, 0, 0, 1.06, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    6.81%{-webkit-transform:matrix3d(1.066, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.066, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    9.41%{-webkit-transform:matrix3d(1.088, 0, 0, 0, 0, 1.117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.088, 0, 0, 0, 0, 1.117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    10.21%{-webkit-transform:matrix3d(1.094, 0, 0, 0, 0, 1.123, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.094, 0, 0, 0, 0, 1.123, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    13.61%{-webkit-transform:matrix3d(1.112, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.112, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    14.11%{-webkit-transform:matrix3d(1.114, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.114, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    17.52%{-webkit-transform:matrix3d(1.121, 0, 0, 0, 0, 1.124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.121, 0, 0, 0, 0, 1.124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    18.72%{-webkit-transform:matrix3d(1.121, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.121, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    21.32%{-webkit-transform:matrix3d(1.12, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.12, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
    24.32%{-webkit-transform:matrix3d(1.115, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.115, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}25.23%{-webkit-transform:matrix3d(1.113, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.113, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.03%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(1.098, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.098, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}36.74%{-webkit-transform:matrix3d(1.097, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.097, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(1.096, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.096, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}44.44%{-webkit-transform:matrix3d(1.097, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.097, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(1.099, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.099, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}59.86%,63.26%{-webkit-transform:matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%,75.28%,85.49%,90.69%{-webkit-transform:matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
}








/***************新首页**********************************************************************/
.white{
    color: white !important;
}
.bg_white{
    background-color: white !important;
}
.cu{
    cursor: pointer;
}
.la{
    background-color: #1a76c2;
  }
.f6{
    background-color:#f6f6f6 ;
}
.f3{
    background-color:#f3f3f3 ;
}
.mar_top_110{
    margin-top: 110px;
}
.line_77{
     height: 77px;
 }
.line_64{
    height: 64px;
}
.line_134{
    height: 134px;
    width: 100%;
}
.line_123{
    height: 123px;
    width: 100%;
}

/*.banner .swiper-slide-active{*/
    /*animation: scaleDraw 1s 1s ease-in-out;*/
    /*-webkit-animation: scaleDraw 1s 1s ease-in-out;*/
    /*animation-fill-mode:forwards;*/
    /*-webkit-animation-fill-mode:forwards;*/
/*}*/
/*@keyframes scaleDraw {  !*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*!*/
    /*0%{*/
        /*transform: scale(1);*/
    /*}*/
    /*100%{*/
        /*transform: scale(1.04);*/
    /*}*/

/*}*/
/*导航*/
.second_nav{
    position: absolute;
    width: 985px;
    height: 200px;
    background-color:rgba(255,255,255,0.9);
    box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.5);
    bottom: -200px;
    /*rgba(104, 104, 104, 0.35);*/
}
.header {
    width: 100%;
    height: 100px;
    background: rgba(255,255,255,0);
    position: fixed;
    line-height: 100px;
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);*/
    /*-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);*/
    /*-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);*/
    z-index: 999;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.highlight{
    background-color: rgba(255,255,255,0.9);
}

.header.fix {
    position: fixed;
    top: 0;
    left: 0;
}

.nav {
    position: relative;
    font-size: 14px;
}
.nav .nav_phone{
    color: white;
    font-size: 1.3vw;
    font-weight: 600;
}
.nav li {
    position: relative;
    float: left;
    /*font-size: 16px;*/
    z-index: 999;
    margin-left: 1%;
    /*margin-left: 40px;*/
    width: 8%;
}

.nav li a {
    color: white;
    height: 80px;
    display: block;
    font-size: 0.85vw;
}

.nav li.active a{
    color: white;
}
.nav li a:hover {
    color: white;
}
.nav li:hover a {
    color: white;
}
.nav li.active a i {
    border-top: 4px solid white;
}
.sideline {
    display: block;
    position: absolute;
    border: 0;
    height: 3px;
    background-color: white;
    left: 0;
    bottom: 0;
    pointer-events: none;
    margin-left: 45px;
}
.second_nav_ul{
    margin-left: 15px;
    width: 274px;
    margin-top: 26px;
    height: 155px;
    border-right:1px solid #acacac ;
}
.second_nav_ul li {
    float: left;
    width: 108px;
    text-align: center;
    line-height: 25px;
    margin-left: 15px;
    margin-bottom: 5px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.second_nav_ul li  a{
    color: #777777;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.second_nav_ul li:hover{
    background-color: #1a76c2;
}
.second_nav_ul li:hover a{
    color: white;
}

.nav_con{
    margin-top: 26px;
    margin-left: 20px;
    width: 637px;
}
.nav_tit{
    width: 348px;
    margin-left:22px ;
}
.nav_b{
    color: #0159a1;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
}
.nav_e{
    color: #777777;
    font-size: 20px;
    margin-top: 10px;
    height: 16px;

    line-height: 16px;
}
.nav_c{
    color: #777777;
    margin-top: 10px;
    line-height: 24px;
    font-size: 12px;
}
/*导航*/
.main{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.tipimg img{
    height: 48px;
}
.tipinfo {
    margin-left: 20px;
}
.tipinfo .tit {
    color: #333333;
    font-size: 16px;
}
.tipinfo .tit:hover {
    color: #2588d9;
}

.tips {
    height: 145px;
    position: relative;
    overflow: hidden;
}
.tips .tipitem {
    padding: 42px 39px ;
    border-left:1px solid #dddddd ;
}
.tips .tipitem:last-child{
    border-right:1px solid #dddddd ;
}
/*.tips .tipitem:hover{*/
    /*border-bottom: 2px solid #1a76c2;*/
/*}*/

.tips .tipitem:before,.tips .tipitem:after,.tips .tipitem {
    content:'';
    position:absolute;
}
.tips .tipitem:after {
    border-bottom:2px solid #1a76c2;
    left:51%;
    right:51%;
    bottom:0px;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
    -o-transition-duration:300ms;
    transition-duration:300ms;
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}
.tips .tipitem:hover:after {
    left:0%;
    right:0%
}
.tips .tipitem:not(:hover):after {
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}


/*大标题*/
.contit .btit {
    font-size: 36px;
    color: #333;
    font-weight: 600;
}
.contit .subtit_x{
    width: 50px;
    height: 3px;
    background-color: #1a76c2;
    margin: 14px auto 0;
}
.contit .subtit {
    font-size: 16px;
    color:  #333333;
    line-height: 29px;
    margin-top: 14px;
    position: relative;
}
/*大标题结束*/

/*走进创绿家*/
.walk{
    margin-top: 78px;
}
.walk .walk_left{
    width: 585px;
    height: 462px;
    overflow:hidden;
    position:relative;
}
.m-video-b{
    background-image: url(../newImg/default/message_6.1.png) ;
    width: 85px;
    height: 85px;
    position: absolute;
    top: 195px;
    left: 265px;
}
.walk .walk_left img{
    margin-top:38px;
    transition: all 0.6s;
    transform: scale(1);
}
.walk .walk_left img:hover{
    transition: all 0.6s;
    transform: scale(1.04);
}
.walk_right{
    width: 579px;
}
.walk_title{
    font-size: 20px;
    color: #333333;
    line-height: 22px;
}
.walk_x{
    width: 98px;
    height: 1px;
    background-color:#1a76c2 ;
    margin-top: 17px;
}
.walk_con{
    font-size: 14px;
    line-height: 24px;
    color: #555555;
    margin-top: 22px;
}


.walk_more{
    margin-top: 30px;
    display: inline-block;
    border-radius: 2px;
    border-radius: 2px;
    line-height: 40px;
    text-align: center;
    position: relative;
}
.walk_more{
    border: 1px solid  #1a76c2;
}
.walk_more a{
    color: #1a76c2;
    padding: 14px 73px;
    font-size: 14px;
}
.walk_more a:hover{
    color: white;
    font-size: 14px;
}
.walk_more:after{
    content: "";
    background-color:  #1a76c2;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    left: 0%;
    z-index: -1;
    transition: 0.3s;
}
.walk_more:hover:after{
    /*border: 1px solid white;*/
    right: 0;
    left: 0;
}
.walk_three{
    margin-top: 37px;
}
.walk_three_h{
    width: 173px;
    position: relative;
    height: 120px;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #1a76c2;
    text-align: center;
    margin-right: 27px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
}
.walk_three_3{
    margin-right: 0;
}
.walk_three_h img{
    margin-top: 28px;
    z-index: 1;
    position: relative;
}
.walk_three_title{
    color: #555555;
    font-size: 14px;
    z-index: 1;
    position: relative;
    line-height: 24px;
}
.walk_three_h:after {
    content: "";
    background-color: #1a76c2;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    left: 0%;
    z-index: 0;
    transition: 0.3s;
}
.walk_three_h:hover:after{
    /*border: 1px solid white;*/
    right: 0;
    left: 0;
}
/*.walk_three_h:hover{*/
    /*background-color:#1a76c2 ;*/
/*}*/
.walk_three_h:hover .walk_three_title{
    color: white;
}
/*走进创绿家结束*/

/*一站式解决方案*/
.Turnkey{
    width: 1018px;
    height: 79px;
    margin: 59px auto 0;
}
.Turnkey ul li{
    width:202.8px ;
    position: relative;
    background-color: #ffffff;
    line-height: 77px;
    text-align: center;
    border-right:1px solid  #a2bfd8;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.Turnkey ul li:nth-child(5){
    border-right: 0px;
}
.Turnkey ul li a{
    font-size: 18px;
    color: #333333;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.Turnkey ul .active{
    background-color: #1a76c2;
}
.Turnkey ul .active a{
    color: white;
}
.turs{
    height: 560px
}
.tur{
    background-image: url(../newImg/default/turnkey2.png);
    background-repeat:  no-repeat;
    background-color: #f6f6f6;
    background-position:top;
    height: 560px;
    overflow: hidden;
    /*transition: all 0.6s;*/
    /*transform:scale(1,1)*/
    /*background-size: 102%;*/
}
.tur:hover {
    /*transition: all 0.6s;*/
    /*transform:scale(1.04,1.04)*/
    /*background-size: 106%;*/
}

.tur_1{
    margin-top: 123px;
    margin-left: 110px;
    background: url(../newImg/default/message_10a.png);
    width:480px;
    height: 314px
}
.tur_num{
    color: #ffffff;
    font-size: 20px;
    margin-left: 36px;
    padding-top: 56px;
}
.tur_title{
    font-size: 24px;
    color: #333333;
    margin-top: 41px;
    margin-left: 58px;
}
.tur_con{
    font-size: 14px;
    color: #333333;
    margin-top: 23px;
    width: 364px;
    line-height: 30px;
    margin-left: 58px;
}

/*一站式解决方案*/

/*旗下产品*/
.product_title{
    width: 663px;
    height: 75px;
    margin: 48px auto 0;
}
.product_title li{
    width: 221px;
    height: 52px;
    background-color: #ffffff;
    box-shadow: 2px 4px 6px 0px
    rgba(85, 85, 85, 0.35);
    border-radius: 2px;
    text-align: center;
    line-height: 52px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.product_title li a{
    color: #333333;
    font-size: 18px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.product_title .active{
    background-color: #1a76c2;
}
.product_title .active a{
    color: white;
}


.product_1{
    margin-top: 62px;
    height: 446px;

}
.product_left{
    width: 332px;
    height: 100%;
    background-color: #1a76c2;
}
.product_right{
    width: 868px;
    height: 447px;
    overflow: hidden;

}
.product_right img{
    transition: all 0.6s;
    transform: scale(1.02)
}
.product_right img:hover{
    transition: all 0.6s;
    transform: scale(1.04);
}
.product_tit{
    font-size: 24px;
    color: white;
    margin-top: 77px;
    text-align: center;
}
.product_con{
    width: 216px;
    margin: 36px auto 0;
    color:rgba(255,255,255,0.8);
    line-height: 28px;
    letter-spacing: 1px;
}
.product_more{
    width: 205px;
    height: 42px;
    border-radius: 2px;
    margin: 60px auto 0;
    line-height: 42px;
    text-align: center;
    border: solid 1px #ffffff;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}

.product_more a{
    color: #ffffff;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    font-size: 14px;
}
.product_more:hover{
    background: white;
}
.product_more:hover a{
   color: #1a76c2;
}
/*旗下产品*/

/*客户案例*/
.anli{
    background: url(../newImg/default/message_14.jpg) center no-repeat;
    height: 850px;
    background-position: center;
    background-attachment: fixed;
}
.anli_1{
    margin-top: 63px;
}
.anli_left{

}
.anli_left ul li{
    font-size: 16px;
    text-indent: 76px;
    line-height: 57px;
}
.anli_left ul li a{
    color: #747474;
}
.anli_left ul .active a{
    color: white;
}
.anli_left ul .active{
    background: url(../newImg/default/message_15.png) left no-repeat;
}
.anli_right{
    width: 948px;
}
.anli_right ul li{
    margin-left: 31px;
    margin-bottom: 60px;

}
.anli_right ul li .anli_img{
    width: 202px;
    height: 144px;
    overflow: hidden;
    border: 2px solid white;
    transition: all 0.2s linear;
}
.anli_right ul li .anli_img img{
    transition: all 0.6s;
    transform: scale(1);
}
.anli_right ul li .anli_tit{
    font-size: 16px;
    color: #bcbcbc;
    text-align: center;
    line-height: 24px;
    margin-top: 18px;
    transition: all 0.2s linear;
}
.anli_right ul li .anli_date{
    font-size: 16px;
    color: #bcbcbc;
    text-align: center;
    line-height: 24px;
    margin-bottom: 20px;
    transition: all 0.2s linear;
}
.anli_right ul li:hover{
    background: #1a76c2;
}
.anli_right ul li:hover .anli_img{
    border: 2px solid  #1a76c2;
}
.anli_right ul li:hover .anli_img img{

    transition: all 0.6s;
    transform: scale(1.1);
}
.anli_right ul li:hover .anli_tit, .anli_right ul li:hover .anli_date{
    color: white;

}

.mien_pic {
    width: 1200px;
    height: 476px;
    margin-left: auto;
    margin-top: 50px;
    margin-right: auto;
}
.swiper-slide {
    /*text-align: center;*/
    /*font-size: 18px;*/
    /*background: #fff;*/

    /* Center slide text vertically */
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
}
/*.mien_pic .next1, .mien_pic .next2, .mien_pic .next3, .mien_pic .next4 {*/
    /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");*/
    /*right: 10px;*/
    /*left: auto;*/
/*}*/
/*.mien_pic .prev1, .mien_pic .prev2, .mien_pic .prev3, .mien_pic .prev4 {*/
    /*background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");*/
    /*left: 10px;*/
    /*right: auto;*/
/*}*/
/*.mien_pic .swiper-pagination-bullet-active{*/
    /*background: white;*/
/*}*/
.swiper-container-mien, .swiper-container-mien2, .swiper-container-mien3,  .swiper-container-mien4{
    width: 90%;
    margin: 0 auto;
    margin-top: 1.6em;
    overflow: hidden;

}
.swiper-container-mien .swiper-slide, .swiper-container-mien2 .swiper-slide, .swiper-container-mien3 .swiper-slide, .swiper-container-mien4 .swiper-slide  {
    width: 100%;
    overflow: hidden;
    display: block;
    padding-bottom: 1.5em;
}
.swiper-pagination-mien, .swiper-pagination-mien2, .swiper-pagination-mien3, .swiper-pagination-mien4 {
    overflow: hidden;
    position: relative;
    padding-top: 1.5rem;
    bottom: 30px !important;
    left: 53%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-mien .next1, .swiper-container-mien2 .next2, .swiper-container-mien3 .next3, .swiper-container-mien4 .next4{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231a76c2'%2F%3E%3C%2Fsvg%3E") ;
    background-repeat:no-repeat;
    right: 19%;
    left: auto;
    top: 66%;
    height: 45px;
}
.swiper-container-mien .prev1, .swiper-container-mien2 .prev2, .swiper-container-mien3 .prev3, .swiper-container-mien4 .prev4 {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231a76c2'%2F%3E%3C%2Fsvg%3E");
    background-repeat:no-repeat;
    left: 19%;
    right: auto;
    top: 66%;
    height: 45px;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '' !important;
}
.mien_title {
    width: 597px;
    height: 75px;
    margin: 48px auto 0;

}
.mien_title li{
    width: 149px;
    height: 52px;
    background-color: #ffffff;
    box-shadow: 2px 4px 6px 0px rgba(85, 85, 85, 0.35);
    border-radius: 2px;
    text-align: center;
    line-height: 52px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.mien_title li a {
    color: #333333;
    font-size: 18px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.mien_title .active{
    background-color: #1a76c2;
}
.mien_title .active a{
    color: white;
}
/*客户案例*/

/*加盟我们*/
.join_us{
    background: url(../newImg/default/message_20.jpg) center top no-repeat;
    background-size: 100% 598px;
    position: relative;
}
.join_us_but{
    width: 277px;
    height: 61px;
    background-color: #1a76c2;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    line-height: 61px;
    margin-top: 94px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.join_us_but a{
    font-size: 18px;
    color: white;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.join_us_but:hover{
    background-color:white;

}
.join_us_but:hover a{
    color: #1a76c2;
}
.join_us_five{
    margin-top: 131px;
}
.join_us_j{
    width: 202px;
    margin: 0 19px;
    height: 117px;
    background-color: #ffffff;
    border-radius: 6px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.join_us_tit{
    color: #2674c7;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
    margin-top: 24px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.join_us_con{
    color: #555555;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-top: 12px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.join_us_j:hover{
    background-color: #1a76c2;
}
.join_us_j:hover .join_us_tit{
    color: white;
}
.join_us_j:hover .join_us_con{
    color: white;
}
/*加盟我们*/

/*新闻资讯*/
.news{
    margin-top: 48px;
}
.news_left{
    width: 437px;
}
.news_left_tit1{
    color: #333333;
    font-size: 20px;
    font-weight:600 ;
}
.news_left_tit2{
    color: #848484;
    font-size: 14px;
    margin-top: 3px;
}
.news_left_more{
    width: 52px;
    height: 30px;
    background-color: #ececec;
    line-height: 30px;
    text-align: center;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.news_left_more a{
    color: #333333;
    font-size: 14px;
}
.news_left_more:hover{
    background: #1a76c2;
}
.news_left_more:hover a{
    color: white;
}
.news_left_lun{
    margin-top: 33px;
}
.news_left_tit3{
    color: #333333;
    margin-top: 14px;
    font-weight: 600;
    font-size: 16px;
}
.news_left_date{
    color: #555555;
    font-size: 12px;
    margin-top: 11px;
}
.news_left_con{
    color: #555555;
    margin-top: 14px;
    font-size: 14px;
}
.news_left_pic{
    width: 437px;
    height: 236px;
    overflow: hidden;
}
.news_left_pic img{
    transition: all 0.6s;
    transform: scale(1);
}
.news_left_pic img:hover{
    transition: all 0.6s;
    transform: scale(1.04)
}
.news_left_x{
    width: 100%;
    height: 1px;
    background-color: #d6d6d6;
    margin-top: 17px;
}
.news_left_li{
    margin-top: 16px;
}
.news_left_li li{
    line-height: 30px;
}
.news_left_li li a{
    color: #333333;
    font-size: 14px;
}
.news_left_li li a span{
    color: #555555;
}
.news_left_li li:hover a{
    color: #2e5591;
}
.news_left_li li:hover a span{
    color: #2e5591;
}

.news_right{
    width: 693px;
}
.news_menu{
    margin-left: 50px;
}
.news_menu ul li{
    width: 87px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px;
    height: 30px;
    background-color: white;
    border-radius: 2px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.news_menu a{
    font-size: 14px;
    color: #333333;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.news_menu ul li:hover{
    background-color: #1a76c2;
}
.news_menu ul li:hover a{
    background-color: #1a76c2;
    color: white;
}
.news_menu ul .active{
    background: #1a76c2;
}
.news_menu ul .active a{
     color: white;
}
.news_right_li{
    margin-top: 45px;
}
.news_right_li ul li{
    margin-top: 9px;
    padding:9px 8px ;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.news_right_act{
    margin-left:22px ;
    width:495px ;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.news_right_title{
    color: #333333;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
    font-size: 16px;
    font-weight: 600;
}
.news_right_date{
    color: #555555;
    font-size: 12px;
    margin-top: 10px;
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.news_right_con{
    color: #555555;
    font-size: 14px;
    margin-top: 10px;
    line-height: 23px;
}
.news_right_li ul li:hover{
    background-color: #106ab4;
}
.news_right_li ul li:hover .news_right_title{
    color: white;
}

.news_right_li ul li:hover .news_right_date{
    color: #b4c9eb;
}
.news_right_li ul li:hover .news_right_con{
    color:rgba(255,255,255,0.7);
}



/*智能系统*/

.zhcs_banner {
    background: url(http://cdn.chuanglvjia.net/zhcs/banner.png) no-repeat ;
    width: 100%;
    height: 490px;
    position: relative;
    overflow: hidden;
    background-size: 100% auto;
}
.zhcs_xian{
    width: 4px;
    height: 66px;
    background-color: #fffef2;
    box-shadow: 0px 8px 3px 0px
    rgba(1, 55, 131, 0.7);
}
.zhcs_banner_title{
    height: 27px;
    font-size: 34px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #ffffff;
    box-shadow: 0px 5px 4px 0px
    rgba(1, 55, 131, 0.96);
}

.zhcs_banner_title2{
    height: 28px;
    font-size: 30px;
    line-height: 45px;
    letter-spacing: 1px;
    color: #ffffff;
    box-shadow: 0px 8px 3px 0px
    rgba(1, 55, 131, 0.7);
}